From 86d62fd5de3a23d8a7873b2d228b3200286bf7f8 Mon Sep 17 00:00:00 2001
From: JD Hartley <jdhartley@users.noreply.github.com>
Date: Thu, 19 Jan 2023 15:14:44 -0600
Subject: [PATCH] fix: disable side nav item tooltip on small screen (#1327)

---
 components/nav/NavSideItem.vue | 2 +-
 composables/screen.ts          | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
index eb02443c..6d323e17 100644
--- a/components/nav/NavSideItem.vue
+++ b/components/nav/NavSideItem.vue
@@ -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
diff --git a/composables/screen.ts b/composables/screen.ts
index 3797cea5..db0c2b2f 100644
--- a/composables/screen.ts
+++ b/composables/screen.ts
@@ -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')