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:
parent
905af0b3a5
commit
384de5027e
43
src/renderer/components/layout/sidebar-items.module.scss
Normal file
43
src/renderer/components/layout/sidebar-items.module.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user