feat: add menu active

xianmin · Nov 8, 2018 · 007f95a · 007f95a
1 parent 588d5bf
commit 007f95a
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/assets/sass/_partial/_header/_menu.scss b/assets/sass/_partial/_header/_menu.scss
@@ -8,6 +8,10 @@
     padding-right: 15px;
     font-family: $global-serif-font-family;
 
+    .active {
+      font-weight: 700;
+    }
+
     .menu-item {
       display: inline-block;
       margin-left: 1em;
@@ -46,7 +50,7 @@
         visibility: visible;
         transition-delay: 0s; /* react immediately on hover */
       }
-      
+
       // @include underline-from-center;
     }
 

diff --git a/dev-config.toml b/dev-config.toml
@@ -55,17 +55,17 @@ defaultContentLanguage = "en"  # Default language to use (if you setup multiling
   name = "Archives"
   weight = 20
   identifier = "archives"
-  url = "post/"
+  url = "/post/"
 [[languages.en.menu.main]]
   name = "Tags"
   weight = 30
   identifier = "tags"
-  url = "tags/"
+  url = "/tags/"
 [[languages.en.menu.main]]
   name = "Categories"
   weight = 40
   identifier = "categories"
-  url = "categories/"
+  url = "/categories/"
 [[languages.en.menu.main]]
   name = "external-link"
   weight = 50

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -10,8 +10,9 @@
 
 <nav class="site-navbar">
   <ul id="menu" class="menu">
+    {{ $currentPage := . }}
     {{ range .Site.Menus.main }}
-      <li class="menu-item">
+        <li class="menu-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}">
         {{ if .HasChildren }}
           <!-- drop down navigation MENU -->
           <a class="menu-item-link menu-parent" href="{{ .URL | absLangURL | safeURL }}">{{ .Name }}</a>

diff --git a/resources/_gen/assets/scss/sass/jane.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/sass/jane.scss_48b060fe05b0a273d182ef83c0605941.content
diff --git a/resources/_gen/assets/scss/sass/jane.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/sass/jane.scss_48b060fe05b0a273d182ef83c0605941.json
@@ -1 +1 @@
-{"Target":"sass/jane.min.f64ace117d14efc3943239ebd780fcd68a86127f6c63367968f91b22694b2a60.css","MediaType":"text/css","Data":{"Integrity":"sha256-9krOEX0U78OUMjnr14D81oqGEn9sYzZ5aPkbImlLKmA="}}
+{"Target":"sass/jane.min.f384a7fa4673433bc34e238c5074bb1303d90e5d5a29a2ffbaf61226ef213c29.css","MediaType":"text/css","Data":{"Integrity":"sha256-84Sn+kZzQzvDTiOMUHS7EwPZDl1aKaL/uvYSJu8hPCk="}}