shithub: hugo

Info  •  Files  •  Log  •  Branches

Making active parent in nav reflect when child is active page in docs

--- a/docs/layouts/chrome/menu.html

+++ b/docs/layouts/chrome/menu.html

@@ -16,7 +16,7 @@

       {{ $currentNode := . }}

       {{ range .Site.Menus.main }}

           {{ if .HasChildren }}

-          <li class="dropdown{{if $currentNode.HasMenuCurrent "main" . }} active-child{{end}}">

+          <li class="dropdown{{if $currentNode.HasMenuCurrent "main" . }} active{{end}}">

           <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{.Name}} <b class="caret"></b></a>

             <ul class="dropdown-menu">

             {{ range .Children }}

--- a/docs/static/static/css/styles.css

+++ b/docs/static/static/css/styles.css

@@ -90,6 +90,10 @@

     background-color: rgb(15, 166, 188);

 }

+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { 

+    background-color: rgb(15, 166, 188);

+}

+

 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

     color: rgb(255, 255, 255);

     text-decoration: none;