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; --font-weight-bold: 500;
--main-layout-header: 40px; --main-layout-header: 40px;
--z-index-behind: -1; --z-index-base: 0;
--z-index-base: 1; --z-index-above: 1;
--z-index-base-above: 2; --z-index-modals: 2;
--z-index-middle: 3; --z-index-menus: 3;
--z-index-menus: 4;
--z-index-topmost: 9999; --z-index-topmost: 9999;
} }

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

@ -12,7 +12,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: $unit * 5; 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 overscroll-behavior: none; // prevent swiping with touch-pad on MacOSX
overflow: auto; overflow: auto;

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

@ -11,7 +11,7 @@
position: absolute; position: absolute;
background: var(--contentColor); background: var(--contentColor);
box-shadow: 0 0 $unit * 2 var(--boxShadow); box-shadow: 0 0 $unit * 2 var(--boxShadow);
z-index: var(--z-index-base-above); z-index: var(--z-index-above);
height: 100%; height: 100%;
&.left { &.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-rows: [contents] 1fr [footer] auto;
grid-template-columns: [sidebar] var(--sidebar-width) [contents] 1fr; grid-template-columns: [sidebar] var(--sidebar-width) [contents] 1fr;
width: 100%; width: 100%;
z-index: var(--z-index-base);
height: 100%; height: 100%;
} }

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

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

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

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