Highlight current menu item

Author: clementbiron

themes/opentermsarchive/assets/css/components/aside.css

@@ -94,3 +94,7 @@
     }
   }
 }
+
+.aside_item-current{
+  background-color:var(--colorBlack200);
+}

themes/opentermsarchive/layouts/partials/aside.html

@@ -1,13 +1,13 @@
 <aside class="aside">
-	{{ $currentPageTitle := .Title }}
 	{{ $currentPageSection := .Section }}
+	{{ $currentPageRelPermalink := .RelPermalink }}
 
 	<nav class="aside_nav">
 		<ul>
-			<li><a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Home.LinkTitle }}</a></li>
+			<li class="{{ if eq $currentPageRelPermalink .Site.Home.RelPermalink }}aside_item-current{{ end }}"><a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Home.LinkTitle }}</a></li>
 			{{ range .Site.Sections.ByWeight }}
 				<li class="{{ if eq $currentPageSection .Section }}aside_item-current{{ end }}">
-					<details>
+					<details {{ if eq $currentPageSection .Section }}open{{ end }}>
 						<summary><b>{{ .LinkTitle }}</b></summary>
 						<ul>
 							{{ range .RegularPages.ByWeight }}