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

diff --git a/docs/layouts/chrome/menu.html b/docs/layouts/chrome/menu.html
index 295e850594e9b2dd4c75d56ebc42d22faff621ae..445ae67aa21873dce561238a9476d03cdd241909 100644 (file)
--- 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 }}

diff --git a/docs/static/static/css/styles.css b/docs/static/static/css/styles.css
index f3ec584eaa210a581353179520d9b4a0b164b376..239c12c42867402c689b4ac46293700b2c6b0397 100755 (executable)
--- a/docs/static/static/css/styles.css
+++ b/docs/static/static/css/styles.css
@@ -90,6 +90,10 @@ nav.navbar {
     background-color: rgb(15, 166, 188);\r
 }\r
 \r
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { \r
+    background-color: rgb(15, 166, 188);\r
+}\r
+\r
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {\r
     color: rgb(255, 255, 255);\r
     text-decoration: none;\r