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

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

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