mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
37318cab4e
* Introduce sitebar-items.module.scss Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Adjust sidebar item styles Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Use classnames from a scss module Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Set sidebar min width to 150px to keep readability Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Break words in long links Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Adjust navigation paddings Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Remove unused scss file Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Updating bunch of snapshots Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
64 lines
1.0 KiB
SCSS
64 lines
1.0 KiB
SCSS
.SidebarItem {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
user-select: none;
|
|
|
|
> .navItem {
|
|
display: flex;
|
|
gap: 8px;
|
|
text-decoration: none;
|
|
padding: 6px 8px 6px 10px;
|
|
cursor: pointer;
|
|
|
|
&:global(.active), &:hover {
|
|
background: var(--blue);
|
|
color: var(--sidebarActiveColor);
|
|
}
|
|
|
|
span {
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
|
|
.expandIcon {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.subMenu {
|
|
border-left: 4px solid transparent;
|
|
|
|
&.active {
|
|
border-color: var(--blue);
|
|
}
|
|
|
|
.SidebarItem {
|
|
color: var(--textColorPrimary);
|
|
padding-left: 25px;
|
|
|
|
.navItem {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
|
|
&:global(.active), &:hover {
|
|
color: var(--sidebarSubmenuActiveColor);
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 3rd menu level
|
|
.subMenu .subMenu {
|
|
&.active {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.SidebarItem {
|
|
padding-left: calc(var(--padding) / 2);
|
|
}
|
|
}
|
|
}
|
|
|