Files
horizon/openstack_dashboard/static/dashboard/scss/components/_navbar.scss
Ivan Kolodyazhny 502cffb1f8 Fix logo in IE11/Edge browsers
IE11/Edge browsers doesn't scale SVG images correct if
weight and height is specified directly in SVG. Also these
browsers doesn't work well with max-height style.

Change-Id: I3fe643dd5e0d47cb0e5a658c84d23a8750c217e7
Closes-Bug: #1715674
2017-10-17 15:33:16 +03:00

61 lines
1.2 KiB
SCSS
Executable File

.navbar-brand {
padding: 0 $padding-small-horizontal;
margin: 0;
display: block;
img {
display: inline-block;
height: $navbar-height - $padding-small-vertical*2;
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;
}
.navbar-nav .header-overflow ul li{
white-space: nowrap;
padding: $bs-dropdown-item-padding-vertical $bs-dropdown-item-padding-horizontal;
}
.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;
}
// Scrollbar for the project menu on larger screens
// Not needed for smaller screens, as it is already scrollable
// and can be collapsed to access the settings menu etc.
@media(min-width: $screen-sm-min) {
.context-selection {
max-height: $context-selector-max-height;
overflow-y: scroll;
}
}