Updating mobile menu styles

diff --git a/docs/assets/scss/_component-list.scss b/docs/assets/scss/_component-list.scss
index 792099b6634405e48eb4d85fe883600fce67c7d5..b345e20615693fd26887f34357ce167a3308e030 100644 (file)
--- a/docs/assets/scss/_component-list.scss
+++ b/docs/assets/scss/_component-list.scss
@@ -83,4 +83,6 @@
 
 .reveal {
   padding: 0;
+  padding-top: 1rem;
+  background-color: #f7f7f7;
 }

diff --git a/docs/partials/search-bar.html b/docs/partials/search-bar.html
index 384be841d0f256e3e317bfe9696b415247196e93..2bc06d384f4df70cd2731b8124ee8bd9f3083daa 100644 (file)
--- a/docs/partials/search-bar.html
+++ b/docs/partials/search-bar.html
@@ -1,18 +1,10 @@
 <div class="collapse expanded row secondary-bar">
   <div class="small-6 medium-3 large-2 columns">
 
-    <button class="button version-dropdown-label " data-toggle="example-dropdown"><span class="foundation-version-label">Foundation for Sites</span><span class="foundation-version-number">6.0</span></button>
-      <div class="dropdown-pane version-dropdown" id="example-dropdown" data-dropdown data-auto-focus="true">
-        <ul class="version-dropdown-menu">
-          <li class="version-dropdown-menu-link"><a href="#">6.0</a></li>
-          <li class="version-dropdown-menu-link"><a href="#">5.0</a></li>
-          <li class="version-dropdown-menu-link"><a href="#">4.0</a></li>
-          <li class="version-dropdown-menu-link"><a href="#">3.0</a></li>
-        </ul>
-      </div>
+    <button class="version-dropdown-label"><span class="foundation-version-label">Foundation for Sites</span><span class="foundation-version-number">6.3.1 </span> <a href="#" class="changelog-link">changelog</a></button>
   </div>
   <div class="small-6 columns show-for-small-only">
-    <a href="" class="float-right small hollow button mobile-nav-button" data-open="navModal">Jump to Nav</a>
+    <a href="#" class="float-right small hollow button mobile-nav-button" data-open="navModal">Menu</a>
     <div class="reveal" id="navModal" data-reveal>
       {{> component-list}}
       <button class="close-button" data-close aria-label="Close modal" type="button">

diff --git a/gulpfile.js b/gulpfile.js
index b7e924eebe0c3b3e5ffca8374d15d10ff1c2da63..597a74c2aa25c21cb7bd432de77aa6dde40f90d4 100644 (file)
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -16,7 +16,7 @@ gulp.task('serve', ['build'], function(){
 // Watch files for changes
 gulp.task('watch', function() {
   gulp.watch('docs/**/*', ['docs', browser.reload]);
-  gulp.watch(['docs/layout/*.html', 'docs/partials/*.html', 'docs/assets/partials/*.html', 'node_modules/foundation-docs/templates/*{html,hbs}'], ['docs:all', browser.reload]);
+  gulp.watch(['docs/layout/*.html', 'docs/partials/*{html,hbs}', 'docs/assets/partials/*{html,hbs}', 'node_modules/foundation-docs/templates/*{html,hbs}'], ['docs:all', browser.reload]);
   gulp.watch('scss/**/*', ['sass', browser.reload]);
   gulp.watch(['docs/assets/scss/**/*', 'node_modules/foundation-docs/scss/**/*'], ['sass:docs', browser.reload]);
   gulp.watch('js/**/*', ['javascript:foundation', browser.reload]);