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>

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 dbb2d148c5131abd112cb9ffb9f93f1c631de5b0..48b9c6fb1694b8da1a58012a136e1ef5a8870b97 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;