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>
(cherry picked from commit 56aeaa8ac8b2a8a9864f3c8290fb10c39ed3173a)

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 4bf9740860392abbe30f8d92791ba798c109792f..612dae52eb24d2d20bf1bf982e738543ba460dbe 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -584,8 +584,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;
@@ -2657,7 +2656,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;
        }
 
@@ -2936,7 +2935,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;
        }