From 84cba1c3c8e18dbe301ea8ba3fc11652d3c83978 Mon Sep 17 00:00:00 2001
From: mDuo13 <mduo13@gmail.com>
Date: Mon, 16 Apr 2018 17:18:26 -0700
Subject: [PATCH] Sidebar colors by link and parent-of-active

---
 assets/css/devportal.css       | 8 +++++++-
 tool/template-sidebar_nav.html | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/assets/css/devportal.css b/assets/css/devportal.css
index ab99219ffb..2d36712328 100644
--- a/assets/css/devportal.css
+++ b/assets/css/devportal.css
@@ -554,11 +554,17 @@ th {
   display: block;
   padding: 16px 15px 16px 55px;
   font-family: "open_sansregular", sans-serif;
-  color: #666;
+}
+#sidenav_accordion .panel-heading h5 a.sidenav_cat_title {
+  color: #27a2db;
 }
 #sidenav_accordion .panel-heading h5 .sidenav_cat_title.active {
   color: #333;
   font-weight: bold;
+  cursor: default;
+}
+#sidenav_accordion .panel-heading h5 .sidenav_cat_title.active-parent {
+  color: #333;
 }
 
 #sidenav_accordion .panel-heading .sidenav_cat_toggler {
diff --git a/tool/template-sidebar_nav.html b/tool/template-sidebar_nav.html
index 845614f364..4b61104d8c 100644
--- a/tool/template-sidebar_nav.html
+++ b/tool/template-sidebar_nav.html
@@ -15,9 +15,9 @@
       <div class="panel-heading" role="tab" id="sidenav_cat_head_{{loop.index}}">
         <h5 class="panel-title">
         {% if catpages|length > 1 %}
-        <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" data-parent="#sidenav_accordion" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
+        <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
         {% endif %}
-        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
+        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% elif currentpage.category == cat %} active-parent{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
         </h5>
       </div><!-- /.panel-heading -->