fix : added tooltip in sort fields

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>
+        <NcTooltip class="truncate">
+          <template #title> {{ option.title }}</template>
+          <span>
             {{ option.title }}
-        </div>
+          </span>
+        </NcTooltip>
       </div>
     </div>
   </div>

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