fix: hide empty table header rows (fixes #117)

microsoft · May 15, 2024 · 0620017 · 0620017
1 parent ccab77a
commit 0620017
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/website/src/theme/_base.scss b/packages/website/src/theme/_base.scss
@@ -25,16 +25,17 @@ table {
   margin: var(--space-md) 0;
 }
 
+// Hide header row if all cells are empty
+tr:has(> th:empty):not(:has(> th:not(:empty))) {
+  display: none;
+}
+
 th,
 td {
   text-align: left;
   vertical-align: top;
   padding: var(--space-xxs) var(--space-md);
   border: 2px solid var(--border-color);
-
-  &:empty {
-    padding: 0;
-  }
 }
 
 img,