fix(Dav): make absenceform textarea not overlap

Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
This commit is contained in:
Grigory Vodyanov 2025-10-28 13:40:57 +01:00 committed by Ferdinand Thiessen
parent 887dfeb886
commit 751638edaf
No known key found for this signature in database
GPG key ID: 7E849AE05218500F

View file

@ -28,7 +28,9 @@
:options="options"
@search="asyncFind" />
<NcTextField v-model="status" :label="t('dav', 'Short absence status')" :required="true" />
<NcTextArea v-model="message" :label="t('dav', 'Long absence Message')" :required="true" />
<div class="absence-long-message__wrapper">
<NcTextArea input-class="absence-long-message" v-model="message" :label="t('dav', 'Long absence Message')" :required="true" resize="none" rows="6"/>
</div>
<div class="absence__buttons">
<NcButton
@ -271,6 +273,17 @@ export default {
}
}
.absence-long-message {
height: calc(var(--default-line-height) * 6 * var(--font-size-small));
&__wrapper {
height: calc(var(--default-line-height) * 6 * var(--font-size-small) + var(--default-grid-baseline) * 2);
display: flex;
flex-direction: column;
justify-content: start;
}
}
&__buttons {
display: flex;
gap: 5px;