From da0be892ef721a1174ad6159a6a5700bdb133ca2 Mon Sep 17 00:00:00 2001
From: Micressor <micressor@secure.mailbox.org>
Date: Fri, 21 Dec 2018 15:10:47 +0100
Subject: [PATCH] Fix top menu items not highlighted.
---
assets/css/styles.css | 9 ++++-----
themes/briar/layouts/partials/header.html | 4 +++-
2 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 44ac427..28d0cf3 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -10,11 +10,10 @@ body, html {
line-height:1.3em;
}
-body#index a#indexnav,
-body#download a#downloadnav,
-body#how a#hownav,
-body#about a#aboutnav,
-body#involved a#involvednav {color:#87C214;}
+#nav #is-active {
+ color: #87C214;
+}
+
#wrapper {
min-height:100%;
diff --git a/themes/briar/layouts/partials/header.html b/themes/briar/layouts/partials/header.html
index fbcbbb8..10ba594 100644
--- a/themes/briar/layouts/partials/header.html
+++ b/themes/briar/layouts/partials/header.html
@@ -24,9 +24,11 @@
<label for="menu-toggle"><img src="/img/menu.png" alt="Drop-down menu"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
+ {{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li>
- <a id="{{ .Identifier }}nav" href="{{ .URL }}">{{ .Name }}</a>
+ <a {{ if eq $currentPage.URL .URL }}id="is-active"{{end}}
+ href="{{ .URL }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>
--
GitLab