(theme) display wrapped tabs a bit better https://github.com/opnsense/core/issues/311

This commit is contained in:
Ad Schellevis 2015-09-04 11:41:45 +02:00
parent 73518ad8e6
commit aad85bc97b

View File

@ -367,7 +367,7 @@ body{
border-bottom: none;
}
.nav-tabs > li.active > a{
.nav-tabs > li.active {
background: #FFF !important;
}
@ -378,13 +378,13 @@ body{
.nav-tabs.nav-justified{
border-right:1px solid map-get($colors, bordergrey);
> li > a{
border-bottom:1px solid map-get($colors, bordergrey);
> li {
border-bottom:1px solid map-get($colors, bordergrey);
border-top:1px solid map-get($colors, bordergrey);
border-left:1px solid map-get($colors, bordergrey);
border-radius: 0px;
background: map-get($colors, lightgrey);
> a {
color: map-get($colors, darkgrey);
font-family: 'SourceSansProSemibold';
@ -392,12 +392,14 @@ body{
border-bottom: 1px solid transparent;
}
}
}
> li.active a{
> li.active > a{
@media (max-width:$screen-xs-max){
border-right: 0 !important;
}
}
}
> li.active + li > a{
@media (min-width:$screen-sm-min){
@ -412,7 +414,6 @@ body{
margin-bottom: 0;
}
}
}
.btn .glyphicon {
vertical-align: -1px;