tabs: correct border-radius for when there is only one child

This commit is contained in:
Felix Niklas 2015-11-18 16:12:43 +01:00
parent 341088625b
commit be7582aaeb

View file

@ -1809,7 +1809,6 @@ kbd {
margin-left: auto;
padding-left: 9px;
display: flex;
margin-right: 20px;
.btn + .btn {
margin-left: 9px;
@ -2113,11 +2112,16 @@ ol.tabs li {
border-radius: 3px 0 0 3px;
}
.tab:last-child {
.tab:last-child:not(:only-child) {
border-radius: 0 3px 3px 0;
border-right: none;
}
.tab:only-child {
border-radius: 3px;
border-right: none;
}
.tab-badge {
margin-left: 3px;
font-size: 0.95em;
@ -2141,6 +2145,18 @@ ol.tabs li {
.tab {
height: auto;
padding: 10px 23px 9px;
&:first-child {
border-radius: 8px 0 0 8px;
}
&:last-child {
border-radius: 0 8px 8px 0;
}
&:only-child {
border-radius: 8px;
}
}
.tab-dropdown {
@ -2149,14 +2165,6 @@ ol.tabs li {
}
}
.tabs--big .tab:first-child {
border-radius: 8px 0 0 8px;
}
.tabs--big .tab:last-child {
border-radius: 0 8px 8px 0;
}
.dashboard .tabs--big {
width: 50%;
}