fix(nc-gui): text area related changes

packages/nc-gui/components/cell/TextArea.vue

@@ -515,14 +515,10 @@ watch(textAreaRef, (el) => {
         :class="{
           'right-1': isForm,
           'right-0': !isForm,
-          'top-0': isGrid && !isExpandedFormOpen && !isForm && !(!rowHeight || rowHeight === 1),
+          'top-0 ': isGrid && !isExpandedFormOpen && !isForm,
+          '!right-2 ': isGrid && !isExpandedFormOpen && !isForm && ((editEnabled && !isVisible) || isForm),
           'top-1': !(isGrid && !isExpandedFormOpen && !isForm),
         }"
-        :style="
-          isGrid && !isExpandedFormOpen && !isForm && (!rowHeight || rowHeight === 1)
-            ? { top: '50%', transform: 'translateY(-50%)' }
-            : undefined
-        "
       >
         <NcTooltip
           v-if="!isVisible && !isForm && !readOnly && props.isAi && !isExpandedFormOpen && !isEditColumn"

packages/nc-gui/components/smartsheet/column/UITypesOptionsWithSearch.vue

@@ -14,8 +14,6 @@ const searchQuery = ref('')
 
 const { isMetaReadOnly } = useRoles()
 
-const { isFeatureEnabled } = useBetaFeatureToggle()
-
 const filteredOptions = computed(
   () => options.value?.filter((c) => searchCompare([c.name, UITypesName[c.name]], searchQuery.value)) ?? [],
 )

packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue

@@ -2724,10 +2724,18 @@ watch(vSelectedAllRecords, (selectedAll) => {
 
     &.align-top {
       @apply py-2;
+
+      &:has(.nc-cell textarea) {
+        @apply pr-0;
+      }
     }
 
     &.align-middle {
       @apply py-0;
+
+      &:has(.nc-cell textarea) {
+        @apply py-2 pr-0;
+      }
     }
 
     & > div {
@@ -2750,10 +2758,14 @@ watch(vSelectedAllRecords, (selectedAll) => {
     :deep(.nc-virtual-cell) {
       @apply !text-small;
 
+      textarea {
+        @apply !pr-8;
+      }
+
       .nc-cell-field,
       input,
       textarea {
-        @apply !text-small !p-0 m-0;
+        @apply !text-small !pl-0 !py-0 m-0;
       }
 
       &:not(.nc-display-value-cell) {
@@ -2772,7 +2784,7 @@ watch(vSelectedAllRecords, (selectedAll) => {
       a.nc-cell-field-link,
       input,
       textarea {
-        @apply !p-0 m-0;
+        @apply !pl-0 !py-0 m-0;
       }
 
       a.nc-cell-field-link {

packages/nc-gui/components/smartsheet/grid/Table.vue

@@ -2739,10 +2739,18 @@ onKeyStroke('ArrowDown', onDown)
 
     &.align-top {
       @apply py-2;
+
+      &:has(.nc-cell textarea) {
+        @apply pr-0;
+      }
     }
 
     &.align-middle {
       @apply py-0;
+
+      &:has(.nc-cell textarea) {
+        @apply py-2 pr-0;
+      }
     }
 
     & > div {
@@ -2765,10 +2773,14 @@ onKeyStroke('ArrowDown', onDown)
     :deep(.nc-virtual-cell) {
       @apply !text-small;
 
+      textarea {
+        @apply !pr-8;
+      }
+
       .nc-cell-field,
       input,
       textarea {
-        @apply !text-small !p-0 m-0;
+        @apply !text-small !pl-0 !py-0 m-0;
       }
 
       &:not(.nc-display-value-cell) {
@@ -2787,7 +2799,7 @@ onKeyStroke('ArrowDown', onDown)
       a.nc-cell-field-link,
       input,
       textarea {
-        @apply !p-0 m-0;
+        @apply !pl-0 !py-0 m-0;
       }
 
       a.nc-cell-field-link {