From 321b2fd7506dc4f0fd221063fc32b71bd17f73e2 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 23 Nov 2023 11:20:35 +0000
Subject: [PATCH] fix: Added truncation to column title in rich text modal and
 increased rich modal width

---
 packages/nc-gui/components/cell/TextArea.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 0842282bb3..1b3833076c 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -171,14 +171,16 @@ watch(editEnabled, () => {
       </div>
     </div>
     <template #overlay>
-      <div ref="inputWrapperRef" class="flex flex-col min-w-120 min-h-70 py-3 pl-3 pr-1 expanded-cell-input relative">
+      <div ref="inputWrapperRef" class="flex flex-col min-w-150 min-h-70 py-3 pl-3 pr-1 expanded-cell-input relative">
         <div
           v-if="column"
           class="flex flex-row gap-x-1 items-center font-medium pb-2.5 mb-1 py-1 mr-3 ml-1 border-b-1 border-gray-100"
         >
           <SmartsheetHeaderCellIcon class="flex" />
-          <div class="flex">
-            {{ column.title }}
+          <div class="flex max-w-38">
+            <span class="truncate">
+              {{ column.title }}
+            </span>
           </div>
         </div>
         <a-textarea