From: Mark Otto Date: Thu, 27 Oct 2016 16:31:38 +0000 (-0700) Subject: Change variable for modal backdrop zindex, rearrange to be ordered from lowest to... X-Git-Tag: v4.0.0-alpha.6~480^2~7^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F21027%2Fhead;p=thirdparty%2Fbootstrap.git Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest --- diff --git a/docs/layout/overview.md b/docs/layout/overview.md index 5b5ceb16cb..c22203fde5 100644 --- a/docs/layout/overview.md +++ b/docs/layout/overview.md @@ -166,12 +166,12 @@ We don't encourage customization of these values; should you change one, you lik $zindex-dropdown-backdrop: 990 !default; $zindex-navbar: 1000 !default; $zindex-dropdown: 1000 !default; -$zindex-popover: 1060 !default; -$zindex-tooltip: 1070 !default; $zindex-navbar-fixed: 1030 !default; $zindex-navbar-sticky: 1030 !default; -$zindex-modal-bg: 1040 !default; +$zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; +$zindex-popover: 1060 !default; +$zindex-tooltip: 1070 !default; ``` Background elements—like the backdrops that allow click-dismissing—tend to reside on a lower `z-index`s, while navigation and popovers utilize higher `z-index`s to ensure they overlay surrounding content. diff --git a/scss/_modal.scss b/scss/_modal.scss index 39554581d3..f44cc7b32f 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -64,7 +64,7 @@ right: 0; bottom: 0; left: 0; - z-index: $zindex-modal-bg; + z-index: $zindex-modal-backdrop; background-color: $modal-backdrop-bg; // Fade for backdrop diff --git a/scss/_variables.scss b/scss/_variables.scss index ecb79d1ba5..cafd887c1e 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -526,12 +526,12 @@ $dropdown-header-color: $gray-light !default; $zindex-dropdown-backdrop: 990 !default; $zindex-navbar: 1000 !default; $zindex-dropdown: 1000 !default; -$zindex-popover: 1060 !default; -$zindex-tooltip: 1070 !default; $zindex-navbar-fixed: 1030 !default; $zindex-navbar-sticky: 1030 !default; -$zindex-modal-bg: 1040 !default; +$zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; +$zindex-popover: 1060 !default; +$zindex-tooltip: 1070 !default; // 16. Navbar