From 99b1b79ca09076d93b8cc8d2a2ab615d81d56396 Mon Sep 17 00:00:00 2001
From: amitabhsahu <amitabh.sahu0008@gmail.com>
Date: Tue, 24 Oct 2023 00:18:03 +0530
Subject: [PATCH] fix(FieldsMenu): add ellipsis and show full name on hover

---
 .../nc-gui/components/smartsheet/toolbar/FieldsMenu.vue    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
index bf1a21d32c..14747f82ef 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
@@ -374,7 +374,12 @@ useMenuCloseOnEsc(open)
                   >
                     <div class="flex items-center -ml-0.75">
                       <component :is="getIcon(metaColumnById[field.fk_column_id])" />
-                      <span class="mt-0.65">{{ field.title }}</span>
+                      <NcTooltip :disabled="field.title.length < 30">
+                        <template #title>
+                          {{ field.title }}
+                        </template>
+                        <span class="mx-0.65 break-all line-clamp-1">{{ field.title }}</span>
+                      </NcTooltip>
                     </div>
 
                     <NcSwitch v-e="['a:fields:show-hide']" :checked="field.show" :disabled="field.isViewEssentialField" />