diff options
author | GeoSot <geo.sotis@gmail.com> | 2021-04-19 08:20:25 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-19 08:20:25 +0300 |
commit | a9d7a62658c5d93dcba5ed5fc47d84f3ddd3e0a3 (patch) | |
tree | abc7fcf44b0dabe61ea03933d1b1c6308e2619ae /scss | |
parent | df8131a1f88e62f6bc8ae1c669bc0e534965bf1a (diff) |
Use the backdrop util in offcanvas, enforcing consistency (#33545)
* respect /share modal's backdrop functionality, keeping consistency
* listen click events over backdrop (only) and trigger `hide()` without add/remove event tricks
* achieve to hide foreign open offcanvas instances without glitches `if (allReadyOpen && allReadyOpen !== target)`, in case another is going to be open, when user clicks on trigger button
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_offcanvas.scss | 11 | ||||
-rw-r--r-- | scss/_variables.scss | 5 |
2 files changed, 2 insertions, 14 deletions
diff --git a/scss/_offcanvas.scss b/scss/_offcanvas.scss index 5c11101f65..f1d9945641 100644 --- a/scss/_offcanvas.scss +++ b/scss/_offcanvas.scss @@ -75,14 +75,3 @@ .offcanvas.show { transform: none; } - -.offcanvas-backdrop::before { - position: fixed; - top: 0; - left: 0; - z-index: $zindex-offcanvas - 1; - width: 100vw; - height: 100vh; - content: ""; - background-color: $offcanvas-body-backdrop-color; -} diff --git a/scss/_variables.scss b/scss/_variables.scss index 45b331c152..1e17606f41 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -902,8 +902,8 @@ $form-validation-states: ( $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; -$zindex-offcanvas: 1040 !default; -$zindex-modal-backdrop: 1050 !default; +$zindex-modal-backdrop: 1040 !default; +$zindex-offcanvas: 1050 !default; $zindex-modal: 1060 !default; $zindex-popover: 1070 !default; $zindex-tooltip: 1080 !default; @@ -1447,7 +1447,6 @@ $offcanvas-border-width: $modal-content-border-width !default; $offcanvas-title-line-height: $modal-title-line-height !default; $offcanvas-bg-color: $modal-content-bg !default; $offcanvas-color: $modal-content-color !default; -$offcanvas-body-backdrop-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity) !default; $offcanvas-box-shadow: $modal-content-box-shadow-xs !default; // scss-docs-end offcanvas-variables |