From: shunjou <shunjou@gmail.com>
Date: Tue, 4 Dec 2018 19:21:32 +0000 (-0500)
Subject: luci-theme-material: make header logo link to main overview
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=refs%2Fpull%2F2347%2Fhead;p=project%2Fluci.git

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 eaec0c7963..02c1142549 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 052c174dca..f463ef5cb2 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() %>