hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Different set of z-index css vars

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-12-13 12:43:11 +03:00
parent 27f58e18e2
commit b96cfc9dba
6 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/components/app.scss
View File

@ -28,11 +28,10 @@
--font-weight-bold: 500;
--main-layout-header: 40px;
--z-index-behind: -1;
--z-index-base: 1;
--z-index-base-above: 2;
--z-index-middle: 3;
--z-index-menus: 4;
--z-index-base: 0;
--z-index-above: 1;
--z-index-modals: 2;
--z-index-menus: 3;
--z-index-topmost: 9999;
}

2
src/renderer/components/dialog/dialog.scss
View File

@ -12,7 +12,7 @@
width: 100%;
height: 100%;
padding: $unit * 5;
z-index: var(--z-index-middle);
z-index: var(--z-index-modals);
overscroll-behavior: none; // prevent swiping with touch-pad on MacOSX
overflow: auto;

2
src/renderer/components/drawer/drawer.scss
View File

@ -11,7 +11,7 @@
position: absolute;
background: var(--contentColor);
box-shadow: 0 0 $unit * 2 var(--boxShadow);
z-index: var(--z-index-base-above);
z-index: var(--z-index-above);
height: 100%;
&.left {

1
src/renderer/components/layout/main-layout.module.scss
View File

@ -11,7 +11,6 @@
grid-template-rows: [contents] 1fr [footer] auto;
grid-template-columns: [sidebar] var(--sidebar-width) [contents] 1fr;
width: 100%;
z-index: var(--z-index-base);
height: 100%;
}

2
src/renderer/components/layout/setting-layout.scss
View File

@ -10,7 +10,7 @@
display: grid;
color: var(--settingsColor);
position: fixed;
z-index: var(--z-index-middle);
z-index: var(--z-index-modals);
left: 0;
top: 0;
right: 0;

2
src/renderer/components/layout/top-bar/top-bar.module.scss
View File

@ -5,7 +5,7 @@
.topBar {
background-color: var(--layoutBackground);
z-index: var(--z-index-base-above);
z-index: var(--z-index-above);
grid-area: topbar;
height: var(--main-layout-header);