From e27e8f7a0e72febcf458f370658c36c443efebcc Mon Sep 17 00:00:00 2001 From: Marco Ambrosini Date: Wed, 11 Jun 2025 15:35:57 +0200 Subject: [PATCH] Remove modal header for smart picker dialogs Hide the empty modal header which prevents from accessing the close button Cannot use display:none because there's a `display: flex !important` in the Ncmodal component which would override it. This works because the `.modal-header` element has `position: absolute`. TODO: Add prop to NcModal to hide the header Signed-off-by: Marco Ambrosini --- .../NcReferencePicker/NcReferencePickerModal.vue | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue index 1f6bb50a35..425df78d33 100644 --- a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue +++ b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue @@ -186,4 +186,13 @@ export default { } } } +// Hide the empty modal header which prevents from accessing the close button +// Cannot use display:none because there's a `display: flex !important` in the +// Ncmodal component which would override it. This works because the +// `.modal-header` element has `position: absolute`. +// TODO: Add prop to NcModal to hide the header +:deep(.modal-header) { + visibility: hidden; +} +