From 492582c3697a9384d3b4c29d4b36fdc2c1d9f5f6 Mon Sep 17 00:00:00 2001
From: musharaf <musharaf@nocodb.com>
Date: Fri, 1 Dec 2023 16:03:30 +0530
Subject: [PATCH] fix :  added tooltip for search fields

---
 .../nc-gui/components/smartsheet/toolbar/SearchData.vue    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
index c14a2b1fc2..4c5e8268c2 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
@@ -112,9 +112,12 @@ watch(columns, () => {
         @change="onPressEnter"
       >
         <a-select-option v-for="op of columns" :key="op.value" v-e="['c:search:field:select']" :value="op.value">
-          <div class="text-[0.75rem] flex items-center -ml-1 gap-2">
+          <div class="text-[0.75rem] flex items-center truncate -ml-1 gap-2">
             <SmartsheetHeaderIcon class="text-sm" :column="op.column" />
-            {{ op.label }}
+            <NcTooltip class="truncate" placement="top">
+              <template #title>{{ op.label }}</template>
+              <span>{{ op.label }}</span>
+            </NcTooltip>
           </div>
         </a-select-option>
       </a-select>