From 5ee2717f45441aea5f86788ef180fbe19a07efd9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 31 Oct 2024 14:29:23 +0530
Subject: [PATCH] fix: added tooltip

---
 frontend/src/components/SectionFields.vue |  4 ++--
 frontend/src/pages/Organization.vue       | 11 ++++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index d612ec8f..5ada54f4 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -39,7 +39,7 @@
                   <div v-if="data[field.name]" class="truncate">
                     {{ data[field.name] }}
                   </div>
-                  <div v-else class="text-base leading-5 text-gray-500">
+                  <div v-else class="text-base leading-5 text-gray-500 truncate">
                     {{ field.placeholder }}
                   </div>
                   <template #suffix>
@@ -110,7 +110,7 @@
           />
           <FormControl
             v-else-if="field.type === 'select'"
-            class="form-control cursor-pointer [&_select]:cursor-pointer"
+            class="form-control cursor-pointer [&_select]:cursor-pointer truncate"
             type="select"
             v-model="data[field.name]"
             :options="field.options"
diff --git a/frontend/src/pages/Organization.vue b/frontend/src/pages/Organization.vue
index 9d3f4846..9190ec65 100644
--- a/frontend/src/pages/Organization.vue
+++ b/frontend/src/pages/Organization.vue
@@ -89,9 +89,13 @@
                     <FeatherIcon name="trash-2" class="h-4 w-4" />
                   </template>
                 </Button>
-                <Button size="sm" @click="openWebsite">
-                  <FeatherIcon name="link" class="h-4 w-4" />
-                </Button>
+                <Tooltip :text="__('Open website')">
+                  <div>
+                    <Button @click="openWebsite">
+                      <FeatherIcon name="link" class="h-4 w-4" />
+                    </Button>
+                  </div>
+                </Tooltip>
               </div>
             </div>
           </template>
@@ -219,6 +223,7 @@ import {
   createToast,
 } from '@/utils'
 import {
+  Tooltip,
   Breadcrumbs,
   Avatar,
   FileUploader,