1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Introduce sitebar-items.module.scss

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-29 19:41:12 +03:00
parent 905af0b3a5
commit 384de5027e

View File

@ -0,0 +1,43 @@
.SidebarItem {
display: flex;
flex-direction: column;
flex-shrink: 0;
width: 100%;
user-select: none;
> .navItem {
text-decoration: none;
padding: 3px 6px;
width: 100%;
height: 100%;
color: inherit;
cursor: pointer;
&.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
}
.navItem {
&.active, &:hover {
color: var(--sidebarSubmenuActiveColor);
background: none;
}
}
}
}
}
}