From: Kevin Chu <kwhchu@users.noreply.github.com>
Date: Tue, 18 Apr 2017 21:03:39 +0000 (-0700)
Subject: Updating mobile menu styles
X-Git-Tag: v6.4.0-rc1~46^2~70
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=efb46cd314792bfd8b2f4157fe65a266a41f906a;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Updating mobile menu styles
---

diff --git a/docs/assets/scss/_component-list.scss b/docs/assets/scss/_component-list.scss
index 792099b66..b345e2061 100644
--- 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 384be841d..2bc06d384 100644
--- 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 b7e924eeb..597a74c2a 100644
--- 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]);