rename current class to context in navigation explore panel

diff --git a/src/css/navigation-explore.css b/src/css/navigation-explore.css
index ef9042b..d5b634a 100644 (file)
--- a/src/css/navigation-explore.css
+++ b/src/css/navigation-explore.css
@@ -7,7 +7,7 @@
   height: inherit;
 }
 
-.navigation-explore .current {
+.navigation-explore .context {
   flex-shrink: 0;
   color: #5d5d5d;
   background-color: #fafafa;
@@ -23,11 +23,11 @@
   height: var(--drawer-height);
 }
 
-.navigation-explore.is-active .current {
+.navigation-explore.is-active .context {
   box-shadow: 0 1px 0 #e1e1e1;
 }
 
-.navigation-explore .current .version {
+.navigation-explore .context .version {
   background-image: url(../img/chevron.svg);
   background-repeat: no-repeat;
   background-position: right 0.5rem top 50%;

diff --git a/src/js/01-navigation.js b/src/js/01-navigation.js
index 6222727..3272cf9 100644 (file)
--- a/src/js/01-navigation.js
+++ b/src/js/01-navigation.js
@@ -14,7 +14,7 @@
   var navState = getNavState()
   var menuState = getMenuState(navState, navContainer.dataset.component, navContainer.dataset.version)
 
-  navContainer.querySelector('.current').addEventListener('click', function () {
+  navContainer.querySelector('.context').addEventListener('click', function () {
     var currentPanel = navContainer.querySelector('.is-active[data-panel]')
     var activatePanel = currentPanel.dataset.panel === 'menu' ? 'explore' : 'menu'
     currentPanel.classList.toggle('is-active')

diff --git a/src/partials/navigation-explore.hbs b/src/partials/navigation-explore.hbs
index 45a5ce6..7db70db 100644 (file)
--- a/src/partials/navigation-explore.hbs
+++ b/src/partials/navigation-explore.hbs
@@ -1,6 +1,6 @@
 <div class="navigation-explore{{#unless page.navigation}} is-active{{/unless}}" data-panel="explore">
   {{#if page.component}}
-  <div class="current">
+  <div class="context">
     <span class="title">{{page.component.title}}</span>
     <span class="version">{{page.version}}</span>
   </div>