luci-theme-material: improve support for dashboard module

Fix sidebar styling to improve support for dashboard module.

Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
This commit is contained in:
Ansuel Smith 2021-09-03 21:05:53 +02:00
parent 0ce25b08b0
commit 78de736a95
No known key found for this signature in database
GPG key ID: AC001D09ADBFEAD7

View file

@ -536,7 +536,6 @@ header > .fill > .container > .status > * {
}
.main > .main-left > .nav > li {
padding: .5rem 1rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
@ -557,6 +556,19 @@ header > .fill > .container > .status > * {
color: var(--menu-color);
}
.main > .main-left > .nav > li.active > a {
color: #fff;
}
.main > .main-left > .nav > li.active {
background-color: #09c;
background-color: var(--submenu-bg-hover-active);
}
.main > .main-left > .nav > li.slide.active {
background-color: unset;
}
.main > .main-left > .nav > .slide {
padding: 0;
}
@ -570,7 +582,8 @@ header > .fill > .container > .status > * {
}
.main > .main-left > .nav > .slide > .menu,
.main > .main-left > .nav > li > [data-title="Logout"] {
.main > .main-left > .nav > li > [data-title="Logout"],
.main > .main-left > .nav > li > [data-title="Dashboard"] {
font-size: 1.15rem;
font-weight: 500;
display: flex;