app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss in bootstrap-sass-rails-3.0.0.0.rc2 vs app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss in bootstrap-sass-rails-3.0.0.0
- old
+ new
@@ -11,10 +11,13 @@
margin-left: 2px;
vertical-align: middle;
border-top: $caret-width-base solid $dropdown-caret-color;
border-right: $caret-width-base solid transparent;
border-left: $caret-width-base solid transparent;
+ // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
+ // we can just straight up remove this.
+ border-bottom: 0 dotted;
content: "";
}
// The dropdown wrapper (div)
.dropdown {
@@ -73,12 +76,11 @@
.dropdown-menu > li > a {
&:hover,
&:focus {
text-decoration: none;
color: $dropdown-link-hover-color;
- @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
- background-color: darken($dropdown-link-hover-bg, 5%);
+ background-color: $dropdown-link-hover-bg;
}
}
// Active state
.dropdown-menu > .active > a {
@@ -86,12 +88,11 @@
&:hover,
&:focus {
color: $dropdown-link-active-color;
text-decoration: none;
outline: 0;
- @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
- background-color: darken($dropdown-link-active-bg, 5%);
+ background-color: $dropdown-link-active-bg;
}
}
// Disabled state
//
@@ -161,16 +162,33 @@
.dropup,
.navbar-fixed-bottom .dropdown {
// Reverse the caret
.caret {
- border-top: 0;
+ // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
+ // gets fixed, restore `border-top: 0;`.
+ border-top: 0 dotted;
border-bottom: 4px solid $dropdown-caret-color;
content: "";
}
// Different positioning for bottom up menu
.dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
}
+
+
+// Component alignment
+//
+// Reiterate per navbar.less and the modified component alignment there.
+
+@media (min-width: $grid-float-breakpoint) {
+ .navbar-right {
+ .dropdown-menu {
+ right: 0;
+ left: auto;
+ }
+ }
+}
+