Browse Source

feat(nc-gui): add transition on rich text menu options

pull/7741/head
Ramesh Mane 9 months ago
parent
commit
f82296f9e9
  1. 10
      packages/nc-gui/components/cell/RichText.vue
  2. 3
      packages/nc-gui/components/smartsheet/Form.vue

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

@ -250,9 +250,17 @@ onClickOutside(editorDom, (e) => {
!fullMode && readOnly && rowHeight && !isExpandedFormOpen && !isForm, !fullMode && readOnly && rowHeight && !isExpandedFormOpen && !isForm,
}" }"
/> />
<div v-if="isFormField && !readOnly && isFocused"> <div v-if="isFormField && !readOnly">
<div
class="overflow-hidden"
:class="isFocused ? 'max-h-[50px]' : 'max-h-0'"
:style="{
transition: 'max-height 0.2s ease-in-out',
}"
>
<CellRichTextSelectedBubbleMenu v-if="editor" :editor="editor" embed-mode is-form-field /> <CellRichTextSelectedBubbleMenu v-if="editor" :editor="editor" embed-mode is-form-field />
</div> </div>
</div>
</template> </template>
</div> </div>
</template> </template>

3
packages/nc-gui/components/smartsheet/Form.vue

@ -928,9 +928,6 @@ useEventListener(
'!hover:bg-white !ring-0 !cursor-auto': isLocked, '!hover:bg-white !ring-0 !cursor-auto': isLocked,
}, },
]" ]"
:style="{
transition: 'height 1s ease-in',
}"
:data-title="element.title" :data-title="element.title"
data-testid="nc-form-fields" data-testid="nc-form-fields"
@click.stop="onFormItemClick(element)" @click.stop="onFormItemClick(element)"

Loading…
Cancel
Save