css zindex fixes

This commit is contained in:
Juan Ferrer 2019-02-01 13:01:09 +01:00
parent e5f91079c8
commit 1752ffbcaa
4 changed files with 6 additions and 5 deletions

View File

@ -4,7 +4,7 @@
display: none; display: none;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 11; z-index: 20;
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;

View File

@ -1,6 +1,6 @@
.vn-popover { .vn-popover {
display: none; display: none;
z-index: 10; z-index: 20;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;

View File

@ -7,7 +7,7 @@ img[zoom-image]{
height: 100%; height: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
z-index: 11; z-index: 25;
background-color: rgba(1, 1, 1, 0.6); background-color: rgba(1, 1, 1, 0.6);
& > div { & > div {

View File

@ -17,7 +17,7 @@ vn-app {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 2; z-index: 10;
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2); box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
height: $topbar-height; height: $topbar-height;
padding: .4em; padding: .4em;
@ -103,7 +103,7 @@ vn-app {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: black; background-color: black;
z-index: 4; z-index: 14;
opacity: 0; opacity: 0;
transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;
} }
@ -132,6 +132,7 @@ vn-app {
%side-menu-mobile { %side-menu-mobile {
top: 0; top: 0;
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
z-index: 15;
&.shown { &.shown {
transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0);