diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue index 0ffed54ba7..4df3a62730 100644 --- a/packages/nc-gui/components/cell/TextArea.vue +++ b/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 - " > options.value?.filter((c) => searchCompare([c.name, UITypesName[c.name]], searchQuery.value)) ?? [], ) diff --git a/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue b/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue index 5a128763fd..1b302fd17f 100644 --- a/packages/nc-gui/components/smartsheet/grid/InfiniteTable.vue +++ b/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 { diff --git a/packages/nc-gui/components/smartsheet/grid/Table.vue b/packages/nc-gui/components/smartsheet/grid/Table.vue index bda48a7293..c6748b0775 100644 --- a/packages/nc-gui/components/smartsheet/grid/Table.vue +++ b/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 {