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

Making navigation fixed in one place

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-05 10:13:27 +03:00
parent 3194fa9139
commit fd1b82ed5e
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/layout/page-layout.scss
View File

@ -2,8 +2,8 @@
--width: 60%; --width: 60%;
--max-width: 1000px; --max-width: 1000px;
--min-width: 570px; --min-width: 570px;
--nav-width: 160px; --nav-width: 180px;
--spacing: calc(var(--unit) * 2); --spacing: calc(var(--unit) * 3);
position: relative; position: relative;
width: 100%; width: 100%;
@ -56,6 +56,13 @@
min-width: var(--min-width); min-width: var(--min-width);
max-width: var(--max-width); max-width: var(--max-width);
padding: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 2);
.content-navigation {
> ul {
position: fixed;
width: var(--nav-width);
}
}
} }
} }

17
src/renderer/components/tree-view/tree-view.scss
View File

@ -4,9 +4,18 @@
color: var(--textColorAccent); color: var(--textColorAccent);
} }
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label { .MuiTreeItem-root {
border-radius: 4px; > .MuiTreeItem-content .MuiTreeItem-label {
border: 1px solid var(--blue); border-radius: 4px;
font-weight: bold; border: 1px solid transparent;
}
&.Mui-selected, &.Mui-selected:focus {
> .MuiTreeItem-content .MuiTreeItem-label {
border-color: var(--blue);
font-weight: bold;
background-color: transparent;
}
}
} }
} }