Skip to content

Commit bbb8623

Browse files
committed
fix(NcModal): Adjust max height to leave some space
This is so that the modal doesn't exactly touch the edges of the header, which looks a bit weird. Signed-off-by: Laura Kramolis <git@kramo.page> Signed-off-by: kramo <git@kramo.page>
1 parent 3736e0e commit bbb8623

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/components/NcModal/NcModal.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -733,7 +733,7 @@ function clearFocusTrap() {
733733
734734
// We allow 90% max-height, but we need to ensure the header does not overlap the modal
735735
// as the modal is centered, we need the space on top and bottom
736-
$max-modal-height: min(90%, calc(100% - 2 * var(--header-height)));
736+
$max-modal-height: min(90%, calc(100% - 2 * var(--header-height) - 2 * var(--body-container-margin)));
737737
738738
// Sizing
739739
&--small {

0 commit comments

Comments
 (0)