settings: Fix heading borders for striped tables.

The bottom border of heading row in striped (and not bordered)
tables was thicker than needed due to two borders being present -
one from the bottom border for heading element and one from top
border for the first row in the table.

This commit changes the CSS to remove the top border of the first
row.
This commit is contained in:
Sahil Batra
2023-08-08 20:09:52 +05:30
committed by Tim Abbott
parent 16bf9e7600
commit ebdd63f327

View File

@@ -700,9 +700,15 @@ div.overlay {
margin-bottom: 20px; margin-bottom: 20px;
width: 100%; width: 100%;
&:not(.table-bordered) thead th { &:not(.table-bordered) {
border-top: 1px solid hsl(0deg 0% 0% / 20%) !important; thead th {
border-bottom: 1px solid hsl(0deg 0% 0% / 20%) !important; border-top: 1px solid hsl(0deg 0% 0% / 20%) !important;
border-bottom: 1px solid hsl(0deg 0% 0% / 20%) !important;
}
tbody tr:first-child td {
border-top: 0;
}
} }
& thead th { & thead th {