Commit e88fa909 authored by Loic Bistuer's avatar Loic Bistuer
Browse files

Address margins on .navbar-right to fix #13325 #13464.

This commit follows f9fde567.
parent 043b4063
Showing with 19 additions and 23 deletions
+19 -23
...@@ -271,26 +271,10 @@ ...@@ -271,26 +271,10 @@
padding-bottom: @navbar-padding-vertical; padding-bottom: @navbar-padding-vertical;
} }
} }
&.navbar-right:first-child {
margin-right: -@navbar-padding-horizontal;
}
} }
} }
// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
@media (min-width: @grid-float-breakpoint) {
.navbar-left { .pull-left(); }
.navbar-right { .pull-right(); }
}
// Navbar form // Navbar form
// //
// Extension of the `.form-inline` with some extra flavor for optimum display in // Extension of the `.form-inline` with some extra flavor for optimum display in
...@@ -326,11 +310,6 @@ ...@@ -326,11 +310,6 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
.box-shadow(none); .box-shadow(none);
// Outdent the form if first child to line up with content down the page
&.navbar-right:first-child {
margin-right: -@navbar-padding-horizontal;
}
} }
} }
...@@ -375,14 +354,31 @@ ...@@ -375,14 +354,31 @@
float: left; float: left;
margin-left: @navbar-padding-horizontal; margin-left: @navbar-padding-horizontal;
margin-right: @navbar-padding-horizontal; margin-right: @navbar-padding-horizontal;
}
}
// Outdent the form if first child to line up with content down the page
&.navbar-right:first-child { // Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
//
// Declared after the navbar components to ensure more specificity on the margins.
@media (min-width: @grid-float-breakpoint) {
.navbar-left { .pull-left(); }
.navbar-right {
.pull-right();
margin-right: -@navbar-padding-horizontal;
~ .navbar-right {
margin-right: 0; margin-right: 0;
} }
} }
} }
// Alternate navbars // Alternate navbars
// -------------------------------------------------- // --------------------------------------------------
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment