Merge pull request #1011 from projectblacklight/navbar-toggle

Improve styling of out-of-the-box navbar-toggle element on an inverse navbar
projectblacklight · Nov 12, 2014 · 7d4a004 · 7d4a004
2 parents f7f4c34 + 764a1e4
commit 7d4a004
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/app/assets/stylesheets/blacklight/_layout.css.scss b/app/assets/stylesheets/blacklight/_layout.css.scss
@@ -2,4 +2,10 @@
 
 .navbar + .navbar {
   margin-top: -$navbar-margin-bottom;
+}
+
+.navbar-inverse .navbar-toggle {
+  &:focus, &:hover {
+    border-color: $gray-light;
+  }
 }
diff --git a/app/views/shared/_header_navbar.html.erb b/app/views/shared/_header_navbar.html.erb
@@ -1,7 +1,7 @@
 <div id="header-navbar" class="navbar navbar-inverse navbar-static-top" role="navigation">
   <div class="container">
     <div class="navbar-header">
-    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#user-util-collapse">
+    <button type="button" class="navbar-toggle btn collapsed" data-toggle="collapse" data-target="#user-util-collapse">
       <span class="sr-only">Toggle navigation</span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>