Browse Source

fix(nc-gui): adjustable expanded long text modal input height

pull/7426/head
Ramesh Mane 10 months ago
parent
commit
83f9dbe830
  1. 10
      packages/nc-gui/components/cell/TextArea.vue

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

@ -257,7 +257,7 @@ watch(editEnabled, () => {
<div <div
v-if="isVisible" v-if="isVisible"
ref="inputWrapperRef" ref="inputWrapperRef"
class="flex flex-col min-w-200 min-h-70 py-3 expanded-cell-input relative" class="flex flex-col min-w-200 max-w-screen-xl min-h-70 max-h-[864px] py-3 expanded-cell-input relative"
:class="{ :class="{
'cursor-move': isDragging, 'cursor-move': isDragging,
}" }"
@ -277,18 +277,18 @@ watch(editEnabled, () => {
</span> </span>
</div> </div>
</div> </div>
<div v-if="!isRichMode" class="p-2 pb-0 h-full">
<a-textarea <a-textarea
v-if="!isRichMode"
ref="inputRef" ref="inputRef"
v-model:value="vModel" v-model:value="vModel"
class="p-1 !pt-1 !pr-3 !border-0 !border-r-0 !focus:outline-transparent nc-scrollbar-md !text-black !cursor-text" class="p-1 !pt-1 !pr-3 !text-black !cursor-text !min-h-[215px] max-h-[800px] !rounded-lg focus:border-brand-500"
:placeholder="$t('activity.enterText')" :placeholder="$t('activity.enterText')"
:bordered="false" :style="{ resize: 'vertical' }"
:auto-size="{ minRows: 20, maxRows: 20 }"
:disabled="readOnly" :disabled="readOnly"
@keydown.stop @keydown.stop
@keydown.escape="isVisible = false" @keydown.escape="isVisible = false"
/> />
</div>
<LazyCellRichText v-else-if="isVisible" v-model:value="vModel" show-menu full-mode :read-only="readOnly" /> <LazyCellRichText v-else-if="isVisible" v-model:value="vModel" show-menu full-mode :read-only="readOnly" />
</div> </div>

Loading…
Cancel
Save