openstack
/
horizon
Code Issues Proposed changes

Improve tabs styling 

Improve the styling of navigation tabs to match the wireframes at
http://people.redhat.com/~jcoufal/openstack/horizon/details/2014-02-19_details.pdf

Partially implements: blueprint detail-pages-ia

Change-Id: I425e74361ba231403d72627c06c29c311959f152
This commit is contained in:
Ana Krivokapic 2014-08-20 15:44:53 +02:00
parent 9069e1d3a2
commit 6f2c431130
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1256,11 +1256,26 @@ tr.terminated {
#main_content .nav-tabs {
margin-bottom: 0;
border-bottom: 0;
border-top: 1px solid $border-color;
> li {
margin-top: -1px;
> a {
margin-right: 0;
}
&.active > a {
&,
&:hover,
&:focus {
border-top-color: transparent;
border-bottom: 1px solid $border-color;
font-weight: bold;
}
}
}
}
#main_content .tab-content {
border: 1px solid #ddd;
border-top: 0 none;
padding: 10px;
}