From 86fb2439ac20d11ba93b9678509d179b8e083526 Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Sat, 30 Sep 2023 16:15:33 +0530
Subject: [PATCH] fix: resize text area wrapper div

---
 packages/nc-gui/components/cell/Checkbox.vue  | 22 +++++++++----------
 .../nc-gui/components/smartsheet/Cell.vue     |  2 +-
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/cell/Checkbox.vue b/packages/nc-gui/components/cell/Checkbox.vue
index 50b48df216..bd738fe41a 100644
--- a/packages/nc-gui/components/cell/Checkbox.vue
+++ b/packages/nc-gui/components/cell/Checkbox.vue
@@ -80,7 +80,7 @@ useSelectedCellKeyupListener(active, (e) => {
 
 <template>
   <div
-    class="flex cursor-pointer w-full h-full"
+    class="flex cursor-pointer w-full h-full items-center"
     :class="{
       'justify-center': !isForm || !isGallery,
       'w-full flex-start': isForm || isGallery,
@@ -90,17 +90,15 @@ useSelectedCellKeyupListener(active, (e) => {
     @click="onClick(false, $event)"
   >
     <div class="items-center" :class="{ 'w-full justify-start': isEditColumnMenu || isGallery || isForm }" @click="onClick(true)">
-      <div :class="{ 'bg-gray-100 rounded-full ': !vModel }">
-        <Transition name="layout" mode="out-in" :duration="100">
-          <component
-            :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
-            class="nc-checkbox"
-            :style="{
-              color: checkboxMeta.color,
-            }"
-          />
-        </Transition>
-      </div>
+      <Transition name="layout" mode="out-in" :duration="100">
+        <component
+          :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
+          class="nc-checkbox"
+          :style="{
+            color: checkboxMeta.color,
+          }"
+        />
+      </Transition>
     </div>
   </div>
 </template>
diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 7cd3ac2e75..a3c14a5d20 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -211,7 +211,7 @@ onUnmounted(() => {
         'nc-grid-numeric-cell-right': isGrid && isNumericField && !isEditColumnMenu && !isForm && !isExpandedFormOpen,
         'h-10': isForm && !isSurveyForm && !isAttachment(column) && !props.virtual,
         'nc-grid-numeric-cell-left': (isForm && isNumericField && isExpandedFormOpen) || isEditColumnMenu,
-        '!min-h-40': isTextArea(column) && props.editEnabled,
+        '!min-h-40 resize-y': isTextArea(column) && props.editEnabled,
         '!border-2': props.editEnabled && (isSurveyForm || isForm),
       },
     ]"