diff options
Fix Off-canvas z-index problem #361
4 files changed, 7 insertions, 6 deletions
| -rw-r--r-- | src/_carousels.scss | 5 | ||||
| -rw-r--r-- | src/_menus.scss | 2 | ||||
| -rw-r--r-- | src/_off-canvas.scss | 4 | ||||
| -rw-r--r-- | src/_popovers.scss | 2 |
diff --git a/src/_carousels.scss b/src/_carousels.scss index fe873c5..55dc31c 100644 --- a/src/_carousels.scss +++ b/src/_carousels.scss @@ -6,6 +6,7 @@ position: relative; width: 100%; -webkit-overflow-scrolling: touch; + z-index: $zindex-0; .carousel-container { height: 100%; @@ -45,7 +46,7 @@ top: 50%; transition: all .4s ease; transform: translateY(-50%); - z-index: $zindex-2; + z-index: $zindex-1; } .item-prev { left: 1rem; @@ -80,7 +81,7 @@ position: absolute; transform: translateX(-50%); width: 10rem; - z-index: $zindex-2; + z-index: $zindex-1; .nav-item { color: rgba($gray-color-light, .5); diff --git a/src/_menus.scss b/src/_menus.scss index f752213..5bc5ef8 100644 --- a/src/_menus.scss +++ b/src/_menus.scss @@ -8,7 +8,7 @@ min-width: $control-width-xs; padding: $unit-2; transform: translateY($layout-spacing-sm); - z-index: $zindex-1; + z-index: $zindex-3; &.menu-nav { background: transparent; diff --git a/src/_off-canvas.scss b/src/_off-canvas.scss index a85d9fe..5adb1c7 100644 --- a/src/_off-canvas.scss +++ b/src/_off-canvas.scss @@ -27,7 +27,7 @@ $off-canvas-breakpoint: $size-lg !default; top: 0; transform: translateX(-100%); transition: transform .25s ease; - z-index: $zindex-3; + z-index: $zindex-2; } .off-canvas-content { @@ -59,7 +59,7 @@ $off-canvas-breakpoint: $size-lg !default; &:target ~ .off-canvas-overlay, &.active ~ .off-canvas-overlay { display: block; - z-index: $zindex-2; + z-index: $zindex-1; } } } diff --git a/src/_popovers.scss b/src/_popovers.scss index 78c86aa..34ac7bd 100644 --- a/src/_popovers.scss +++ b/src/_popovers.scss @@ -12,7 +12,7 @@ transform: translate(-50%, -50%) scale(0); transition: transform .2s ease; width: $control-width-sm; - z-index: $zindex-4; + z-index: $zindex-3; } *:focus + .popover-container, |