openstack
/
horizon
Code Issues Proposed changes

Improve sub-navigation styling 

Change-Id: Iae11b46f2e5b340e2c69f812d4f09f390d018749
Closes-bug: #1378568
Co-Authored by: Jiri Tomasek <jtomasek@redhat.com>
This commit is contained in:
Jiri Tomasek 2014-10-15 13:14:27 +02:00
parent 497fe119a7
commit e5155c7a75
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
openstack_dashboard/static/dashboard/scss/horizon.scss
View File

@ -2,6 +2,8 @@
$icon-font-path: "../../bootstrap/fonts/bootstrap/";
$font-size-base: 13px;
$modal-md: 732px;
$nav-tabs-active-link-hover-bg: #555;
$nav-tabs-active-link-hover-color: #fff;
@import "/bootstrap/scss/bootstrap";
@import "/horizon/lib/bootstrap_datepicker/datepicker.css";
@ -1261,21 +1263,26 @@ tr.terminated {
}
#main_content .nav-tabs {
margin-bottom: 0;
border-bottom: 0;
border-top: 1px solid $border-color;
border-top: 1px solid $nav-tabs-border-color;
border-bottom: none;
> li {
margin-bottom: 0;
margin-top: -1px;
> a {
margin-right: 0;
border-radius: 0;
padding-top: 4px;
padding-bottom: 4px;
&:hover {
border-color: $nav-tabs-border-color $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color ;
}
}
&.active > a {
&,
&:hover,
&:focus {
border-top-color: transparent;
border-bottom: 1px solid $border-color;
font-weight: bold;
border-color: $nav-tabs-active-link-hover-bg;
}
}
}