From 12ae2216484bedc1b1edabb95240cf1740d8651d Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Wed, 6 Dec 2023 12:09:18 +0000
Subject: [PATCH] fix: Fixed style for rich column default value field

---
 packages/nc-gui/components/cell/RichText.vue             | 9 +++++----
 packages/nc-gui/components/cell/TextArea.vue             | 2 +-
 .../smartsheet/column/RichLongTextDefaultValue.vue       | 4 ++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/cell/RichText.vue b/packages/nc-gui/components/cell/RichText.vue
index 7f48430ea8..9a02bf095a 100644
--- a/packages/nc-gui/components/cell/RichText.vue
+++ b/packages/nc-gui/components/cell/RichText.vue
@@ -148,7 +148,7 @@ watch(editorDom, () => {
     class="h-full"
     :class="{
       'flex flex-col flex-grow nc-rich-text-full': props.fullMode,
-      'nc-rich-text-embed': !props.fullMode,
+      'nc-rich-text-embed flex flex-col pl-1 w-full': !props.fullMode,
     }"
   >
     <div v-if="props.showMenu" class="absolute top-0 right-0.5">
@@ -159,9 +159,10 @@ watch(editorDom, () => {
     <EditorContent
       ref="editorDom"
       :editor="editor"
-      class="flex flex-col nc-textarea-rich-editor w-full flex-grow"
+      class="flex flex-col nc-textarea-rich-editor w-full"
       :class="{
-        'ml-1 mt-2.5': props.fullMode,
+        'ml-1 mt-2.5 flex-grow': props.fullMode,
+        'nc-scrollbar-md': !props.fullMode,
       }"
     />
   </div>
@@ -181,7 +182,7 @@ watch(editorDom, () => {
 
 .nc-rich-text-embed {
   .ProseMirror {
-    @apply !border-transparent;
+    @apply !border-transparent max-h-full;
   }
 }
 
diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 3a655d1833..0af38d2b5b 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -191,7 +191,7 @@ watch(editEnabled, () => {
         }"
         @dblclick="onExpand"
       >
-        <LazyCellRichText v-model:value="vModel" sync-value-change readonly class="!pointer-events-none" />
+        <LazyCellRichText v-model:value="vModel" sync-value-change readonly />
       </div>
       <textarea
         v-else-if="editEnabled && !isVisible"
diff --git a/packages/nc-gui/components/smartsheet/column/RichLongTextDefaultValue.vue b/packages/nc-gui/components/smartsheet/column/RichLongTextDefaultValue.vue
index b8d665b270..366d60b289 100644
--- a/packages/nc-gui/components/smartsheet/column/RichLongTextDefaultValue.vue
+++ b/packages/nc-gui/components/smartsheet/column/RichLongTextDefaultValue.vue
@@ -18,8 +18,8 @@ const cdfValue = computed({
   <div>
     <div class="!my-3 text-xs">{{ $t('placeholder.defaultValue') }}</div>
     <div class="flex flex-row gap-2">
-      <div class="border-1 relative pt-11 flex items-center w-full px-0 my-[-4px] border-gray-300 rounded-md !max-h-70 !pb-2.5">
-        <LazyCellRichText v-model:value="cdfValue" class="border-t-1 border-gray-100" show-menu full-mode />
+      <div class="border-1 relative pt-11 flex items-center w-full px-0 border-gray-300 rounded-md max-h-70 pb-1">
+        <LazyCellRichText v-model:value="cdfValue" class="border-t-1 border-gray-100 !max-h-80 !min-h-30" show-menu />
       </div>
     </div>
   </div>