luci-theme-material: improve support for dashboard module

Fix sidebar styling to improve support for dashboard module.

Signed-off-by: Ansuel Smith <[email protected]>
(cherry picked from commit 78de736a95d7eab0ccbd9753efc516dfc0e4a995)

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index 767f1376ebde72f44ae11837724ce8cdf118c3ae..06d12dd2e4432297a3978ccc24274f565a9f1604 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -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;