From 9df46adf174458cd0d57568d79430b2db32b189e Mon Sep 17 00:00:00 2001
From: musharaf <musharaf@nocodb.com>
Date: Fri, 1 Dec 2023 11:38:35 +0530
Subject: [PATCH] fix : added tooltip for displayValue in fields

---
 .../smartsheet/toolbar/FieldsMenu.vue         | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
index 6b81cf578e..118a705d74 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
@@ -379,13 +379,13 @@ useMenuCloseOnEsc(open)
                       }
                     "
                   >
-                    <div class="flex items-center -ml-0.75">
+                    <div class="flex items-center">
                       <component :is="getIcon(metaColumnById[field.fk_column_id])" />
                       <NcTooltip :disabled="field.title.length < 30">
                         <template #title>
                           {{ field.title }}
                         </template>
-                        <span class="mx-0.65 break-all line-clamp-1">{{ field.title }}</span>
+                        <span class="px-1.5 max-w-60 line-clamp-1">{{ field.title }}</span>
                       </NcTooltip>
                     </div>
 
@@ -408,19 +408,14 @@ useMenuCloseOnEsc(open)
                   @click.stop
                 >
                   <div class="flex flex-row items-center justify-between w-full">
-                    <div class="flex items">
-                      <a-tooltip placement="bottom">
-                        <template #title>
-                          <span class="text-sm">$t('title.displayValue') </span>
-                        </template>
-                      </a-tooltip>
-
-                      <div class="flex items-center">
-                        <component :is="getIcon(metaColumnById[filteredFieldList[0].fk_column_id as string])" />
-
+                    <div class="flex items-center truncate">
+                      <component :is="getIcon(metaColumnById[filteredFieldList[0].fk_column_id as string])" />
+                      <NcTooltip class="px-1.5 truncate">
+                        <template #title>{{ filteredFieldList[0].title }}</template>
                         <span>{{ filteredFieldList[0].title }}</span>
-                      </div>
+                      </NcTooltip>
                     </div>
+
                     <NcSwitch v-e="['a:fields:show-hide']" :checked="true" :disabled="true" />
                   </div>
                 </div>