Update expand/collapse based on kwchu's recommendation

diff --git a/docs/assets/js/docs.js b/docs/assets/js/docs.js
index ab1f3f0e1f7e4eedd24967bab648a507f4c428fa..0b44a2cc729bbf7667a9a66277f3711cf4900380 100644 (file)
--- a/docs/assets/js/docs.js
+++ b/docs/assets/js/docs.js
@@ -20,14 +20,14 @@ $(function() {
 var ACCORDION_KEY = 'docs-accordion-expandall';
 var expandAccordion = function($a) {
   $a.parent('.accordion').find('.accordion-item, .accordion-content').addClass('is-active');
-  $a.text('(Contract All)');
+  $a.text('Collapse');
   $a.data('expandAll', false);
   if(localStorage) { localStorage.setItem(ACCORDION_KEY, 'true'); }
 };
 
 var contractAccordion = function($a) {
   $a.parent('.accordion').find('.accordion-item, .accordion-content').removeClass('is-active');
-  $a.text('(Expand All)');
+  $a.text('Expand');
   $a.data('expandAll', true);
   if(localStorage) { localStorage.setItem(ACCORDION_KEY, 'false'); }
 };
@@ -43,4 +43,6 @@ $('[data-expand-all]').on('click', function() {
 
 if(localStorage.getItem(ACCORDION_KEY) === 'true') {
   expandAccordion($('[data-expand-all]'));
+} else {
+  $('[data-expand-all]').text('Expand');
 }

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index fb9dc0016680960b05cf7df5661d6d02886f5186..42a39e33c87b0ab8b31a195b3772d9ffc38f390d 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -250,10 +250,11 @@ a[data-open-video] {
 
 .docs-nav.menu {
   .docs-expand-all {
-    font-size: 0.5rem;
+    font-size: 0.6rem;
     position: absolute;
     right: 10px;
     top: 0px;
     z-index: 1;
+    color: #aaa;
   }
 }

diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index 42c57f5bd923f3673e334c48f531e8def8f124a5..dd102693ae685bd4040bd24cfd3608e37a9e7cc0 100644 (file)
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -9,7 +9,7 @@
   -->
 
     <ul class="accordion docs-nav-category" data-accordion data-allow-all-closed="true" data-multi-expand="true">
-      <a class="docs-expand-all" data-expand-all="true">(Expand All)</a>
+      <a class="docs-expand-all" data-expand-all="true"></a>
       <li class="accordion-item {{#ifpage 'index' 'installation' 'starter-projects' 'compatibility' 'accessibility' 'kitchen-sink'}}is-active{{/ifpage}}" data-accordion-item>
         <a href="#" class="accordion-title">Getting Started</a>
         <div class="accordion-content {{#ifpage 'index' 'installation' 'starter-projects' 'compatibility' 'accessibility' 'kitchen-sink'}}is-active{{/ifpage}}" data-tab-content>