diff --git a/src/components/Editor/Properties/PropertyText.vue b/src/components/Editor/Properties/PropertyText.vue index 7ec8e4bc98..61e45e3886 100644 --- a/src/components/Editor/Properties/PropertyText.vue +++ b/src/components/Editor/Properties/PropertyText.vue @@ -21,6 +21,7 @@ :rows="rows" :name="readableName" :value="value" + :class="{ 'textarea--description': isDescription }" @focus="handleToggleTextareaFocus(true)" @blur="handleToggleTextareaFocus(false)" @input.prevent.stop="changeValue" /> @@ -60,6 +61,12 @@ export default { PropertyMixin, PropertyLinksMixin, ], + props: { + isDescription: { + type: Boolean, + default: false, + }, + }, computed: { display() { if (this.isReadOnly) { @@ -94,3 +101,9 @@ export default { }, } + diff --git a/src/components/Editor/Properties/PropertyTitleTimePicker.vue b/src/components/Editor/Properties/PropertyTitleTimePicker.vue index 4c7b9e7272..c91de0f08e 100644 --- a/src/components/Editor/Properties/PropertyTitleTimePicker.vue +++ b/src/components/Editor/Properties/PropertyTitleTimePicker.vue @@ -335,10 +335,13 @@ export default { overflow-y: clip !important; flex-grow: 2; flex-shrink: 1; - width: 210px; + width: 180px; margin: 0; min-width: unset; } +:deep(.v-select.select) { + min-width: 180px !important; +} .property-title-time-picker__time-pickers { flex-direction: column; diff --git a/src/views/EditSimple.vue b/src/views/EditSimple.vue index ecdf2dd244..45f6cb4597 100644 --- a/src/views/EditSimple.vue +++ b/src/views/EditSimple.vue @@ -130,6 +130,7 @@ :prop-model="rfcProps.description" :value="description" :linkify-links="true" + :is-description="true" @update:value="updateDescription" /> .event-popover__inner { width: unset !important; - min-width: 300px !important; + min-width: 500px !important; } .modal-mask { position: fixed;