Merge pull request #62 from rackerlabs/surf-654-nestednav-bug

chore(bug): fixed nav bug

Author: CITguy

source/components/navigation/navigation.less

@@ -54,14 +54,14 @@
 
   hx-reveal {
     &[open] {
-      header {
+      & > #toggle.hx-reveal, //polyfilled browsers
+      & > header { //modern browsers
         .toggle-icon {
           transform: scaleY(-1);
         }
       }
     }
 
-    /* Indentation */
     // Level 1
     header {
       padding-left: @l1-indent;
@@ -75,6 +75,7 @@
     hx-reveal {
       header {
         padding-left: @l2-indent;
+        text-transform: capitalize;
       }
 
       a {

source/components/reveal/HxReveal.js

@@ -6,15 +6,15 @@ window.addEventListener('WebComponentsReady', function () {
         :host {
           display: block;
         }
-
-        :host([open]) #content {
-          display: block;
-        }
     
         #content {
           display: none;
         }
 
+        :host([open]) > #content {
+          display: block;
+        }
+
         #toggle {
           background-color: transparent;
           border: none;
@@ -55,7 +55,7 @@ window.addEventListener('WebComponentsReady', function () {
         constructor() {                   
             super();
             this.attachShadow({mode: 'open'});
-            if (window.ShadyCSS ) { 
+            if (window.ShadyCSS) { 
                 ShadyCSS.prepareTemplate(template, 'hx-reveal');
                 ShadyCSS.styleElement(this);
             }