feat(Navigation): Maintain selection in nav.

Maintain the selection in the left nav when the page changes.
Pier1 · Nov 1, 2016 · 8844971 · 8844971
1 parent 1a718b2
commit 8844971
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/templates/js/site.js b/templates/js/site.js
@@ -33,6 +33,11 @@
     $('li.isActive', '#docs-leftnav').removeClass('isActive');
   	$('#docs-leftnav').find('li[ref="' + pageTitle + '"]').addClass('isActive');
 
+    // Mobile heuristic. 48rem == 'md' breakpoint.
+    if (!window.matchMedia('(min-width: 48rem)') {
+      $('.isActive').parent().siblings('.category-toggle').prop('checked', true);
+    }
+
     $('.nav .category-label').click(function (e) {
       // Mobile heuristic. 48rem == 'md' breakpoint.
       if (!window.matchMedia('(min-width: 48rem)').matches && $(this).siblings('.category-toggle').prop('checked') === false) {

diff --git a/templates/scss/_layout.scss b/templates/scss/_layout.scss
@@ -88,6 +88,11 @@ body { min-height: 100%; }
   a {
     text-decoration: none;
   }
+
+  .isActive {
+    background: color(white);
+    font-weight: font-weight(semibold);
+  }
 }
 
 #docs-content {