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