luci-theme-material: make header logo link to main overview

Signed-off-by: Shun Jou <shunjou@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 eaec0c7963110ba8fca2b714e8c5e9074ce0456a..02c1142549c24f684de429b077ef85b22b7a6346 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -428,13 +428,16 @@ header > .fill > .container {
        user-select: none;
 }
 
-header > .fill > .container > img {
+header > .fill > .container > #logo {
+       margin: 0 3.5rem 0 1.5rem;
+}
+
+header > .fill > .container > #logo > img {
        width: calc(0% + 10rem);
-       margin: -.1rem 3.5rem 0 1.5rem;
-       pointer-events: none;
+       margin-top: -.1rem;
 }
 
-body:not(.logged-in) > header > .fill > .container > img {
+body:not(.logged-in) > header > .fill > .container > #logo {
        display: none;
 }
 
@@ -2373,7 +2376,7 @@ input[name="nslookup"] {
 
 [data-page^="admin-system-commands"] .panel-title,
 [data-page^="command-cfg"] .mobile-hide,
-[data-page^="command-cfg"] header > .fill > .container > img {
+[data-page^="command-cfg"] header > .fill > .container > #logo {
        display: none;
 }
 
@@ -2395,8 +2398,8 @@ input[name="nslookup"] {
 }
 
 @media screen and (max-width: 1600px) {
-       header > .fill > .container > img {
-               margin: -.1rem 2.5rem 0 .5rem;
+       header > .fill > .container > #logo {
+               margin: 0 2.5rem 0 .5rem;
        }
 
        .main-left {
@@ -2522,7 +2525,7 @@ input[name="nslookup"] {
 }
 
 @media screen and (max-width: 1152px) {
-       header > .fill > .container > img {
+       header > .fill > .container > #logo {
                display: none;
        }
 

diff --git a/themes/luci-theme-material/luasrc/view/themes/material/header.htm b/themes/luci-theme-material/luasrc/view/themes/material/header.htm
index 052c174dcadf2da9f8a364feda3a31cee83c2a6b..f463ef5cb22c5b86ad139cdc7fe7ff204f3c9f2f 100644 (file)
--- a/themes/luci-theme-material/luasrc/view/themes/material/header.htm
+++ b/themes/luci-theme-material/luasrc/view/themes/material/header.htm
@@ -206,7 +206,7 @@
        <div class="fill">
                <div class="container">
                        <span class="showSide"></span>
-                       <img src="<%=media%>/brand.png"/>
+                       <a id="logo" href="<%=url("admin/status/overview")%>"><img src="<%=media%>/brand.png" alt="OpenWrt"></a>
                        <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>
                        <div class="status">
                                <% render_changes() %>