2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-21 13:24:08 +03:00

Fix z-indexes for modals and offcanvases

This jostles a couple things, but for some reason we had the modal and offcanvas z-indexes interwoven. That's problematic, so this shifts the modal backdrop to be 5 less than the modal. The same applies to the offcanvas now, with offcanvas being _under_ modals and it's backdrop's z-index being 5 under.
This commit is contained in:
Mark Otto
2021-06-24 21:34:01 -07:00
parent bbd87ca5fb
commit 89187718c4
2 changed files with 3 additions and 2 deletions
+1 -1
View File
@@ -15,7 +15,7 @@
}
.offcanvas-backdrop {
@include overlay-backdrop(subtract($zindex-offcanvas, 1), $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);
@include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);
}
.offcanvas-header {
+2 -1
View File
@@ -907,8 +907,9 @@ $form-validation-states: (
$zindex-dropdown: 1000 !default;
$zindex-sticky: 1020 !default;
$zindex-fixed: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-offcanvas-backdrop: 1045 !default;
$zindex-offcanvas: 1050 !default;
$zindex-modal-backdrop: 1055 !default;
$zindex-modal: 1060 !default;
$zindex-popover: 1070 !default;
$zindex-tooltip: 1080 !default;