Fix dropdown panel in viewer toolbar because of z-index (#3472)

This commit is contained in:
Popovics András
2018-06-12 16:58:13 +01:00
committed by Eugenio Romano
parent eda43aa9ae
commit 9221d1d0d0
2 changed files with 97 additions and 101 deletions

View File

@@ -1,7 +1,7 @@
router-outlet[name="overlay"] + * { router-outlet[name="overlay"] + * {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 999999; z-index: 999;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;

View File

@@ -5,7 +5,6 @@
$minimumAppWidth: 320px; $minimumAppWidth: 320px;
$toolbarHeight: 64px; $toolbarHeight: 64px;
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {
app-search-bar { app-search-bar {
width: 150px; width: 150px;
@@ -19,7 +18,7 @@
} }
.adf-app-layout-toolbar { .adf-app-layout-toolbar {
z-index: 1001; z-index: 998;
position: relative; position: relative;
overflow: visible !important; overflow: visible !important;
} }
@@ -48,7 +47,6 @@
} }
.adf-sidenav-link { .adf-sidenav-link {
&.active { &.active {
color: mat-color($primary); color: mat-color($primary);
} }
@@ -92,7 +90,7 @@
line-height: $toolbarHeight; line-height: $toolbarHeight;
&.active { &.active {
background-color: rgba(0, 0, 0, .12); background-color: rgba(0, 0, 0, 0.12);
} }
} }
} }
@@ -108,7 +106,5 @@
} }
} }
@media screen and ($mat-xsmall) { @media screen and ($mat-xsmall) {}
}
} }