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

Adding vertical scrollbar to navigation

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-12 11:23:54 +03:00
parent f7c4d4cf64
commit 7eefa6972f
3 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/cluster-manager/bottom-bar.scss
View File

@ -4,7 +4,7 @@
background-color: var(--blue);
padding: 0 2px;
height: 22px;
height: var(--bottom-bar-height);
#current-workspace {
font-size: var(--font-size-small);

2
src/renderer/components/cluster-manager/cluster-manager.scss
View File

@ -1,4 +1,6 @@
.ClusterManager {
--bottom-bar-height: 22px;
display: grid;
grid-template-areas: "menu main" "menu main" "bottom-bar bottom-bar";
grid-template-rows: auto 1fr min-content;

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

@ -4,6 +4,9 @@
--min-width: 570px;
--nav-width: 180px;
--spacing: calc(var(--unit) * 2);
--wrapper-padding: calc(var(--spacing) * 2);
--header-height: 64px;
--header-height-mac: 80px;
position: relative;
width: 100%;
@ -30,10 +33,11 @@
right: 0;
bottom: 24px;
height: unset;
background-color: $mainBackground;
background-color: var(--mainBackground);
// adds extra space for traffic-light top buttons (mac only)
.is-mac & > .header {
height: var(--header-height-mac);
padding-top: calc(var(--spacing) * 2);
}
}
@ -42,6 +46,7 @@
position: sticky;
padding: var(--spacing);
background-color: var(--layoutTabsBackground);
height: var(--header-height);
}
> .content-scrollable-area {
@ -54,13 +59,19 @@
width: var(--width);
min-width: var(--min-width);
max-width: var(--max-width);
padding: calc(var(--spacing) * 2);
padding: var(--wrapper-padding);
margin: 0 auto;
.content-navigation {
> ul {
position: fixed;
width: var(--nav-width);
height: calc(100vh - var(--header-height) - var(--wrapper-padding) - var(--bottom-bar-height));
overflow-y: auto;
}
.is-mac & > ul {
height: calc(100vh - var(--header-height-mac) - var(--wrapper-padding) - var(--bottom-bar-height));
}
}
}