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

Adjust sidebar item styles

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-30 11:01:05 +03:00
parent 8b6936e138
commit 82975856a8
1 changed files with 34 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/renderer/components/layout/sidebar-items.module.scss
View File

@ -6,6 +6,9 @@
user-select: none;
> .navItem {
display: flex;
align-items: center;
gap: 4px;
text-decoration: none;
padding: 3px 6px;
width: 100%;
@ -13,31 +16,45 @@
color: inherit;
cursor: pointer;
&.active, &:hover {
&:global(.active), &:hover {
background: var(--blue);
color: var(--sidebarActiveColor);
}
}
.subMenu {
border-left: 4px solid transparent;
> .SidebarItem {
color: var(--textColorPrimary);
padding-left: 31px;
line-height: 150%;
.SidebarItem {
padding-left: calc(var(--padding * 2)); // 3rd+ menu level
}
.expandIcon {
margin-left: auto;
}
.navItem {
&.active, &:hover {
color: var(--sidebarSubmenuActiveColor);
background: none;
}
.subMenu {
border-left: 4px solid transparent;
&.active {
border-color: var(--blue);
}
> .SidebarItem {
color: var(--textColorPrimary);
padding-left: 28px;
.navItem {
&:global(.active), &:hover {
color: var(--sidebarSubmenuActiveColor);
background: none;
}
}
}
}
// 3rd menu level
.subMenu .subMenu {
&.active {
border-color: transparent;
}
.SidebarItem {
padding-left: calc(var(--padding) / 2);
}
}
}