horizon/openstack_dashboard/static/dashboard/scss/components/_navbar.scss
Eddie Ramirez ee98b44030 UX: Misaligned OpenStack Logo
This patch fixes the Original Logo position overriding
Bootstrap's default styling for <img> in .navbar-brand

Change-Id: Ic15a73711c42ed6792b36977fee304436bf87354
Closes-bug: #1582489
2016-05-17 04:57:04 +00:00

46 lines
792 B
SCSS

.navbar-brand {
padding: 0 $padding-small-horizontal;
margin: 0;
display: block;
img {
display: inline-block;
max-height: $navbar-height;
vertical-align: middle;
}
}
//Specifity Required
.navbar-header .navbar-brand {
// These allow the vertical centering to work properly
line-height: $navbar-height;
font-size: 0;
}
.topbar {
.navbar {
margin-bottom: 1px;
}
.dropdown-toggle > .fa {
padding-left: $padding-small-vertical;
padding-right: $padding-small-vertical;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
}
}
.context-delimiter {
font-size: $padding-small-vertical;
vertical-align: middle;
padding-right: $padding-small-vertical;
padding-left: $padding-small-vertical;
}