Change variable for modal backdrop zindex, rearrange to be ordered from lowest to...

diff --git a/docs/layout/overview.md b/docs/layout/overview.md
index 5b5ceb16cb517c9585dd4714eec17e51a72736fb..c22203fde5945f330bee74870163b650b1341023 100644 (file)
--- 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 39554581d39c18903eab0fd6d40fcd984fd62143..f44cc7b32fc7762c04cd5f7f20db28a16e97825d 100644 (file)
--- 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 ecb79d1ba51bec216946646ccf3ec2c4cf2c28e7..cafd887c1e9e273dfd0ff097420cf6caeb60a3f1 100644 (file)
--- 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