From d19abc75c1c34044cbef181271b8762879785312 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Tue, 12 Dec 2023 15:06:15 +0530
Subject: [PATCH] fix: review changes and select-option truncate issue

---
 packages/nc-gui/components/account/Token.vue     | 2 +-
 packages/nc-gui/components/cell/MultiSelect.vue  | 4 +++-
 packages/nc-gui/components/cell/SingleSelect.vue | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/account/Token.vue b/packages/nc-gui/components/account/Token.vue
index 8dcf4f99c4..72fff9fe80 100644
--- a/packages/nc-gui/components/account/Token.vue
+++ b/packages/nc-gui/components/account/Token.vue
@@ -79,7 +79,7 @@ const loadAllTokens = async (limit = pagination.total) => {
   }
 }
 
-// This will updated allTokens local value instead of fetching all tokens on each operation (add|delete)
+// This will update allTokens local value instead of fetching all tokens on each operation (add|delete)
 const updateAllTokens = (type: 'delete' | 'add', token: IApiTokenInfo) => {
   switch (type) {
     case 'add': {
diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index b531a07bb6..8e0cb75169 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -412,7 +412,9 @@ const selectedOpts = computed(() => {
             }"
             :class="{ 'text-sm': isKanban }"
           >
-            {{ op.title }}
+            <GeneralTruncateText placement="top" :length="20">
+              {{ op.title }}
+            </GeneralTruncateText>
           </span>
         </a-tag>
       </a-select-option>
diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 1b4ec5907c..2a9160405e 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -315,7 +315,9 @@ const selectedOpt = computed(() => {
             }"
             :class="{ 'text-sm': isKanban }"
           >
-            {{ op.title }}
+            <GeneralTruncateText placement="top" :length="20">
+              {{ op.title }}
+            </GeneralTruncateText>
           </span>
         </a-tag>
       </a-select-option>