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

Signed-off-by: Shun Jou <shunjou@gmail.com>

2 files changed, 12 insertions, 9 deletions

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 eaec0c796..02c114254 100644
--- 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 052c174dc..f463ef5cb 100644
--- 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() %>