From 81abe97ae7ceef923b739cadfba22741dbcf31b5 Mon Sep 17 00:00:00 2001
From: musharaf <musharaf@nocodb.com>
Date: Fri, 1 Dec 2023 11:01:19 +0530
Subject: [PATCH] fix : added tooltip in sort fields

---
 .../components/smartsheet/toolbar/CreateSort.vue      | 11 +++++++----
 .../components/smartsheet/toolbar/SortListMenu.vue    |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/CreateSort.vue b/packages/nc-gui/components/smartsheet/toolbar/CreateSort.vue
index e68fbe9b6d..88d4ca73ad 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/CreateSort.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/CreateSort.vue
@@ -91,7 +91,7 @@ const onArrowUp = () => {
     <div class="flex pb-3 px-4 border-b-1 border-gray-100">
       <input ref="inputRef" v-model="search" class="w-full focus:outline-none" :placeholder="$t('msg.selectFieldToSort')" />
     </div>
-    <div class="flex-col w-full max-h-100 nc-scrollbar-md !overflow-y-auto">
+    <div class="flex-col w-full max-h-100 max-w-76 nc-scrollbar-md !overflow-y-auto">
       <div v-if="!options.length" class="flex text-gray-500 px-4 py-2.25">{{ $t('general.empty') }}</div>
       <div
         v-for="(option, index) in options"
@@ -104,9 +104,12 @@ const onArrowUp = () => {
         @click="onClick(option)"
       >
         <SmartsheetHeaderIcon :column="option" />
-        <div>
-          {{ option.title }}
-        </div>
+        <NcTooltip class="truncate">
+          <template #title> {{ option.title }}</template>
+          <span>
+            {{ option.title }}
+          </span>
+        </NcTooltip>
       </div>
     </div>
   </div>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
index c4660fab9e..a35756630e 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
@@ -138,7 +138,7 @@ onMounted(() => {
           <template v-for="(sort, i) of sorts" :key="i">
             <SmartsheetToolbarFieldListAutoCompleteDropdown
               v-model="sort.fk_column_id"
-              class="flex caption nc-sort-field-select min-w-40 flex-grow"
+              class="flex caption nc-sort-field-select w-44 flex-grow"
               :columns="columns"
               is-sort
               @click.stop