Skip to content

Commit cfda6e5

Browse files
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 <marcoambrosini@proton.me>
1 parent 74e5a6a commit cfda6e5

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -186,4 +186,13 @@ export default {
186186
}
187187
}
188188
}
189+
// Hide the empty modal header which prevents from accessing the close button
190+
// Cannot use display:none because there's a `display: flex !important` in the
191+
// Ncmodal component which would override it. This works because the
192+
// `.modal-header` element has `position: absolute`.
193+
// TODO: Add prop to NcModal to hide the header
194+
:deep(.modal-header) {
195+
visibility: hidden;
196+
}
197+
189198
</style>

0 commit comments

Comments
 (0)