first pass at enabling active states in dropdowns in topbar and fixing the bug of having an active class on parent dropdown

1 files changed, 10 insertions, 2 deletions

diff --git a/lib/patterns.less b/lib/patterns.less
index 6be99c81b..ce309a451 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -24,7 +24,7 @@
 
   // Hover and active states
   a:hover,
-  ul .active a {
+  ul .active > a {
     background-color: #333;
     background-color: rgba(255,255,255,.05);
     color: @white;
@@ -141,7 +141,7 @@
       text-decoration: none;
     }
   }
-  .active a {
+  .active > a {
     background-color: #222;
     background-color: rgba(0,0,0,.5);
   }
@@ -187,6 +187,9 @@
         color: #fff;
       }
     }
+    .active a {
+      color: #fff;
+    }
     .divider {
       background-color: #222;
       border-color: #444;
@@ -361,6 +364,11 @@ a.menu:after,
     margin-left: 5px;
   }
   // first one for backwards compatibility
+  li.open.menu .menu,
+  .open.dropdown .dropdown-toggle {
+    border-color: #999;
+  }
+  // first one for backwards compatibility
   li.open a.menu:after,
   .dropdown.open .dropdown-toggle:after {
     border-top-color: #555;