Commit aad85bc9 authored by Ad Schellevis's avatar Ad Schellevis

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

parent 73518ad8
...@@ -367,7 +367,7 @@ body{ ...@@ -367,7 +367,7 @@ body{
border-bottom: none; border-bottom: none;
} }
.nav-tabs > li.active > a{ .nav-tabs > li.active {
background: #FFF !important; background: #FFF !important;
} }
...@@ -378,13 +378,13 @@ body{ ...@@ -378,13 +378,13 @@ body{
.nav-tabs.nav-justified{ .nav-tabs.nav-justified{
border-right:1px solid map-get($colors, bordergrey); border-right:1px solid map-get($colors, bordergrey);
> li {
> li > a{
border-bottom:1px solid map-get($colors, bordergrey); border-bottom:1px solid map-get($colors, bordergrey);
border-top:1px solid map-get($colors, bordergrey); border-top:1px solid map-get($colors, bordergrey);
border-left:1px solid map-get($colors, bordergrey); border-left:1px solid map-get($colors, bordergrey);
border-radius: 0px; border-radius: 0px;
background: map-get($colors, lightgrey); background: map-get($colors, lightgrey);
> a {
color: map-get($colors, darkgrey); color: map-get($colors, darkgrey);
font-family: 'SourceSansProSemibold'; font-family: 'SourceSansProSemibold';
...@@ -392,12 +392,14 @@ body{ ...@@ -392,12 +392,14 @@ body{
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
} }
}
> li.active a{ > li.active > a{
@media (max-width:$screen-xs-max){ @media (max-width:$screen-xs-max){
border-right: 0 !important; border-right: 0 !important;
} }
} }
}
> li.active + li > a{ > li.active + li > a{
@media (min-width:$screen-sm-min){ @media (min-width:$screen-sm-min){
...@@ -412,7 +414,6 @@ body{ ...@@ -412,7 +414,6 @@ body{
margin-bottom: 0; margin-bottom: 0;
} }
} }
}
.btn .glyphicon { .btn .glyphicon {
vertical-align: -1px; vertical-align: -1px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment