fix(wikitable): 🐛 incorrect border radius when both thead and tbody are present

This commit is contained in:
alistair3149 2024-07-20 17:46:18 -04:00 committed by GitHub
parent 4d803f841d
commit 15ebea1c80
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -33,10 +33,6 @@
text-align: start; text-align: start;
} }
thead + tbody {
border-top: var( --border-width-base ) solid var( --border-color-base );
}
tbody tr { tbody tr {
&:hover { &:hover {
background-color: var( --background-color-button-quiet--hover ); background-color: var( --background-color-button-quiet--hover );
@ -86,4 +82,40 @@
} }
} }
} }
thead:has( + tbody ),
thead:has( + tfooter ),
tbody:has( + tfooter ){
tr:last-of-type {
th,
td {
&:first-child {
border-bottom-left-radius: var( --border-radius-sharp );
}
&:last-child {
border-bottom-right-radius: var( --border-radius-sharp );
}
}
}
}
thead + tbody,
thead + tfooter,
tbody + tfooter {
tr:first-of-type {
th,
td {
border-top: var( --border-width-base ) solid var( --border-color-base );
&:first-child {
border-top-left-radius: var( --border-radius-sharp );
}
&:last-child {
border-top-right-radius: var( --border-radius-sharp );
}
}
}
}
} }