tabs: correct border-radius for when there is only one child
This commit is contained in:
parent
341088625b
commit
be7582aaeb
1 changed files with 18 additions and 10 deletions
|
@ -1809,7 +1809,6 @@ kbd {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-left: 9px;
|
padding-left: 9px;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-right: 20px;
|
|
||||||
|
|
||||||
.btn + .btn {
|
.btn + .btn {
|
||||||
margin-left: 9px;
|
margin-left: 9px;
|
||||||
|
@ -2113,11 +2112,16 @@ ol.tabs li {
|
||||||
border-radius: 3px 0 0 3px;
|
border-radius: 3px 0 0 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab:last-child {
|
.tab:last-child:not(:only-child) {
|
||||||
border-radius: 0 3px 3px 0;
|
border-radius: 0 3px 3px 0;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tab:only-child {
|
||||||
|
border-radius: 3px;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
.tab-badge {
|
.tab-badge {
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
|
@ -2141,6 +2145,18 @@ ol.tabs li {
|
||||||
.tab {
|
.tab {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px 23px 9px;
|
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 {
|
.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 {
|
.dashboard .tabs--big {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue