From 0a001eaa8712159f4efaf3f6c440ab9dff52ce5d Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Thu, 31 Aug 2023 15:03:41 +0530
Subject: [PATCH] fix: i18n translation button

---
 packages/nc-gui/layouts/shared-view.vue | 32 +++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/layouts/shared-view.vue b/packages/nc-gui/layouts/shared-view.vue
index a090e8574d..d32731413b 100644
--- a/packages/nc-gui/layouts/shared-view.vue
+++ b/packages/nc-gui/layouts/shared-view.vue
@@ -76,12 +76,40 @@ export default {
           </div>
         </div>
 
-        <div class="flex-1" />
+        <a-tooltip placement="bottom">
+          <template #title> Switch language</template>
+
+          <LazyGeneralLanguage class="nc-lang-btn" />
+        </a-tooltip>
       </a-layout-header>
 
-      <div class="w-full overflow-hidden" style="height: calc(100vh)">
+      <div class="w-full overflow-scroll" style="height: calc(100vh)">
         <slot />
       </div>
     </a-layout>
   </a-layout>
 </template>
+
+<style lang="scss">
+.nc-lang-btn {
+  @apply color-transition flex items-center justify-center fixed bottom-10 right-10 z-99 w-12 h-12 rounded-full shadow-md shadow-gray-500 p-2 !bg-primary text-white ring-opacity-100 active:(ring ring-accent) hover:(ring ring-accent);
+
+  &::after {
+    @apply rounded-full absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out bg-primary;
+    content: '';
+    z-index: -1;
+  }
+
+  &:hover::after {
+    @apply transform scale-110 ring ring-accent ring-opacity-100;
+  }
+
+  &:active::after {
+    @apply ring ring-accent ring-opacity-100;
+  }
+}
+
+.nc-navbar {
+  @apply flex !bg-white items-center !pl-2 !pr-5;
+}
+</style>
\ No newline at end of file