luci-material-theme: fix localizated left menu

The latest fix to fix the logout worked, but it was not applied to all
the resolutions, and I have observed the same problem exists for the
dasboard optional component.
Looking at the code, it seems only the components without submenu, have the
data-title element, so this fix modifies the style for all of them, not
relying on the position or text content.

Signed-off-by: Miguel Angel Mulero Martinez <migmul@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 b194ff0d3bf3b4abf9b83a6d319cd41cd70f54ea..1544482fc7afba4739ddf7d3f928c4ca617f83cc 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -583,8 +583,7 @@ 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="Dashboard"] {
+.main > .main-left > .nav > li > [data-title] {
        font-size: 1.15rem;
        font-weight: 500;
        display: flex;
@@ -2656,7 +2655,7 @@ input[name="nslookup"] {
        .main > .main-left > .nav > li,
        .main > .main-left > .nav > li a,
        .main > .main-left > .nav > .slide > .menu,
-       .main > .main-left > .nav > li:last-child > [data-title] {
+       .main > .main-left > .nav > li > [data-title] {
                font-size: .9rem;
        }
 
@@ -2935,7 +2934,7 @@ input[name="nslookup"] {
        }
 
        .main > .main-left > .nav > .slide > .menu,
-       .main > .main-left > .nav > li > [data-title="Logout"] {
+       .main > .main-left > .nav > li > [data-title] {
                font-size: 1.2rem;
        }