horizon/openstack_dashboard/static/dashboard/scss/components/_sidebar.scss
Diana Whitten 2e84d55919 The sidebar caret should spin correctly.
The sidebar caret is spinning backwards 270 degrees
instead of forward 90 degrees.

Change-Id: I2523ae0ce412d6e0350ea6a31fa4d746bb206f65
2016-08-03 15:52:20 -07:00

63 lines
1.2 KiB
SCSS

#sidebar {
min-width: $sidebar-width;
z-index: 0;
// Sets the arrow toggles for each dashboard list
[data-toggle="collapse"] {
.openstack-toggle.fa {
line-height: $line-height-computed;
width: $line-height-computed;
height: $line-height-computed;
text-align: center;
@include transition(transform 0.3s ease 0s);
@extend .fa-chevron-down;
}
&.collapsed {
.openstack-toggle.fa {
@include rotate(-90deg);
}
}
}
// Styles for the Dashboard Names
.openstack-dashboard {
& > a {
border-radius: $border-radius-base $border-radius-base 0 0;
}
}
// Styles for the Panel Names
.openstack-panel {
& > a {
text-align: right;
color: $text-color;
}
&.active > a {
color: $brand-primary;
font-weight: bold;
}
}
.panel {
border: none;
border-radius: 0;
@include box-shadow(none);
margin-bottom: 0;
}
}
// Bootstrap 3 removed nav headers, lets add them back
.nav .nav-header > a > .nav-header-title {
font-size: $font-size-base;
font-weight: bold;
text-transform: uppercase;
text-align: center;
width: 100%;
display: inline-block;
&:hover {
background-color: transparent;
}
}