]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
address issues with fixed subnav like borders, corners, etc
authorMark Otto <markotto@twitter.com>
Fri, 29 Jun 2012 04:20:40 +0000 (21:20 -0700)
committerMark Otto <markotto@twitter.com>
Fri, 29 Jun 2012 04:20:40 +0000 (21:20 -0700)
docs/assets/css/bootstrap.css
less/navbar.less

index 7adb65592cfec58ef67c1d3ce784bc39cebafad3..f0f7dd77c33ab24b85e8139e2fe8dbbb90281af9 100644 (file)
@@ -3987,7 +3987,7 @@ input[type="submit"].btn.btn-mini {
 
 .navbar .nav > li > a {
   float: none;
-  padding: 9px 12px 11px;
+  padding: 10px 12px 11px;
   line-height: 19px;
   color: #999999;
   text-decoration: none;
@@ -4174,12 +4174,7 @@ input[type="submit"].btn.btn-mini {
 /* Subnav navbar
 -------------------------------------------------- */
 
-.navbar-subnav {
-  height: 36px;
-}
-
 .navbar-subnav .navbar-inner {
-  min-height: 36px;
   padding: 0;
   background-color: #f6f6f6;
   background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
@@ -4204,6 +4199,12 @@ input[type="submit"].btn.btn-mini {
   color: #005580;
 }
 
+.navbar-subnav .nav > .active > a,
+.navbar-subnav .nav > .active > a:hover {
+  color: #777;
+  background-color: #e5e5e5;
+}
+
 .navbar-subnav .nav li.dropdown .dropdown-toggle .caret,
 .navbar-subnav .nav li.dropdown.open .caret {
   border-top-color: #0088cc;
@@ -4220,15 +4221,18 @@ input[type="submit"].btn.btn-mini {
   right: 0;
   left: 0;
   z-index: 1020;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
+}
+
+.navbar-subnav-fixed .navbar-inner {
   border-color: #d5d5d5;
   border-width: 0 0 1px;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
   filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-  -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
-          box-shadow: inset 0 1px 0 #ffffff, 0 1px 10px rgba(0, 0, 0, 0.1);
 }
 
 .navbar-subnav-fixed .nav {
index c298e7ce117e80847e3f315e214833de795ffb7b..d99894509c28e8c1e229db8c768f3885e90a8f8f 100644 (file)
   float: none;
   // Vertically center the text given @navbarHeight
   @elementHeight: 20px;
-  padding: ((@navbarHeight - @elementHeight) / 2 - 1) 12px ((@navbarHeight - @elementHeight) / 2 + 1);
+  padding: ((@navbarHeight - @elementHeight) / 2) 12px ((@navbarHeight - @elementHeight) / 2 + 1);
   line-height: 19px;
   color: @navbarLinkColor;
   text-decoration: none;
 
 // Override the default .navbar
 .navbar-subnav {
-  height: 36px;
 }
 .navbar-subnav .navbar-inner {
-  min-height: 36px;
   padding: 0;
   #gradient > .vertical(#f9f9f9, #f1f1f1);
   .box-shadow(none);
   color: @linkColorHover;
 }
 
+// Active nav links
+.navbar-subnav .nav > .active > a,
+.navbar-subnav .nav > .active > a:hover {
+  color: #777;
+  background-color: #e5e5e5;
+}
+
 // Dropdown carets
 .navbar-subnav .nav li.dropdown .dropdown-toggle .caret,
 .navbar-subnav .nav li.dropdown.open .caret {
   color: @linkColorHover;
 }
 
-
 // Fixed subnav on scroll, but only for 980px and up (sorry IE!)
 .navbar-subnav-fixed {
   position: fixed;
   left: 0;
   right: 0;
   z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
-  border-color: #d5d5d5;
-  border-width: 0 0 1px; /* drop the border on the fixed edges */
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
   -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 10px rgba(0,0,0,.1);
      -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 10px rgba(0,0,0,.1);
           box-shadow: inset 0 1px 0 #fff, 0 1px 10px rgba(0,0,0,.1);
+}
+.navbar-subnav-fixed .navbar-inner {
+  border-color: #d5d5d5;
+  border-width: 0 0 1px; /* drop the border on the fixed edges */
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
+  .border-radius(0);
 }
 .navbar-subnav-fixed .nav {
   float: none;