From 917550ff4dbd070631d4ea437f09a4ec328777e4 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Thu, 9 Sep 2021 13:10:48 +0530
Subject: [PATCH] feat: tooltips on primary navigation in zenmode

---
 components/app/Sidenav.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/app/Sidenav.vue b/components/app/Sidenav.vue
index f5ddd0754..529c2a824 100644
--- a/components/app/Sidenav.vue
+++ b/components/app/Sidenav.vue
@@ -15,6 +15,12 @@
           <SmartIcon :name="navigation.svg" class="svg-icons" />
         </div>
         <span v-if="LEFT_SIDEBAR">{{ navigation.title }}</span>
+        <tippy
+          v-if="!LEFT_SIDEBAR"
+          :placement="windowInnerWidth.x.value >= 768 ? 'right' : 'bottom'"
+          theme="tooltip"
+          :content="navigation.title"
+        />
       </NuxtLink>
     </nav>
   </aside>
@@ -22,11 +28,13 @@
 
 <script lang="ts">
 import { defineComponent } from "@nuxtjs/composition-api"
+import useWindowSize from "~/helpers/utils/useWindowSize"
 import { useSetting } from "~/newstore/settings"
 
 export default defineComponent({
   setup() {
     return {
+      windowInnerWidth: useWindowSize(),
       LEFT_SIDEBAR: useSetting("LEFT_SIDEBAR"),
     }
   },