fix(table): apply border-radius styles to last row of table footer

Changed the CSS selectors to target the last row instead of the first row in the table footer. Previously, the styles targeted the first row of the table footer. Co-authored-by: Festiis <[email protected]> Co-authored-by: Marco 'Lubber' Wienkoop <[email protected]>
fomantic · Feb 9, 2024 · 6c16b5d · 6c16b5d
1 parent 5437960
commit 6c16b5d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less
@@ -117,16 +117,16 @@
 .ui.table > tfoot > tr > td:first-child {
     border-left: none;
 }
-.ui.table > tfoot > tr:first-child > th:first-child,
-.ui.table > tfoot > tr:first-child > td:first-child {
+.ui.table > tfoot > tr:last-child > th:first-child,
+.ui.table > tfoot > tr:last-child > td:first-child {
     border-radius: 0 0 0 @borderRadius;
 }
-.ui.table > tfoot > tr:first-child > th:last-child,
-.ui.table > tfoot > tr:first-child > td:last-child {
+.ui.table > tfoot > tr:last-child > th:last-child,
+.ui.table > tfoot > tr:last-child > td:last-child {
     border-radius: 0 0 @borderRadius 0;
 }
-.ui.table > tfoot > tr:first-child > th:only-child,
-.ui.table > tfoot > tr:first-child > td:only-child {
+.ui.table > tfoot > tr:last-child > th:only-child,
+.ui.table > tfoot > tr:last-child > td:only-child {
     border-radius: 0 0 @borderRadius @borderRadius;
 }