From: Kevin Ball <kmball11@gmail.com>
Date: Thu, 18 May 2017 17:52:56 +0000 (-0700)
Subject: Update expand/collapse based on kwchu's recommendation
X-Git-Tag: v6.4.0-rc1~26^2~7^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10042%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update expand/collapse based on kwchu's recommendation
---

diff --git a/docs/assets/js/docs.js b/docs/assets/js/docs.js
index ab1f3f0e1..0b44a2cc7 100644
--- 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 fb9dc0016..42a39e33c 100644
--- 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 42c57f5bd..dd102693a 100644
--- 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>