teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: disable side nav item tooltip on small screen (#1327)

Browse source
This commit is contained in:
JD Hartley 2023-01-19 15:14:44 -06:00 committed by GitHub
parent 126619be92
commit 86d62fd5de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/nav/NavSideItem.vue
View file

@ -53,7 +53,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
:tabindex="noUserDisable ? -1 : null"
@click="$scrollToTop"
>
<CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
<CommonTooltip :disabled="!isMediumOrLargeScreen" :content="text" placement="right">
<div
flex items-center gap4
w-fit rounded-3

1
composables/screen.ts
View file

@ -4,3 +4,4 @@ export const breakpoints = useBreakpoints(breakpointsTailwind)
export const isSmallScreen = breakpoints.smallerOrEqual('md')
export const isMediumScreen = breakpoints.smallerOrEqual('lg')
export const isMediumOrLargeScreen = breakpoints.between('sm', 'xl')