From 4b2834af0a273aab5d3c37a675762ef58a2475c8 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 28 Jul 2022 09:23:05 +0200
Subject: [PATCH] chore(gui-v2): update drawer toggle styles and add tooltip

---
 .../components/smartsheet-toolbar/ToggleDrawer.vue        | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
index 65b01ba736..54597efb58 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
@@ -8,7 +8,13 @@ const Icon = computed(() => (navDrawerOpened.value ? MdiDoorOpenIcon : MdiDoorCl
 </script>
 
 <template>
-  <Icon class="text-grey" @click="navDrawerOpened = !navDrawerOpened" />
+  <a-tooltip>
+    <template #title> {{ $t('tooltip.toggleNavDraw') }} </template>
+    <Icon
+      class="rounded text-xl p-1 text-gray-500 hover:(text-white bg-pink-500 shadow)"
+      @click="navDrawerOpened = !navDrawerOpened"
+    />
+  </a-tooltip>
 </template>
 
 <style scoped></style>