Fix table header appearance when a cell is empty (#958)

reakaleek · web-flow · commit fb0e18f27e17 · 2025-04-03T15:55:34.000+02:00
diff --git a/src/Elastic.Markdown/Assets/markdown/table.css b/src/Elastic.Markdown/Assets/markdown/table.css
@@ -25,7 +25,8 @@
 
 		thead {
 			@apply border-grey-20 bg-grey-10 border-b-1 text-left align-top font-sans font-semibold;
-			:empty {
+			&:not(:has(th:not(:empty))) {
+				/* If no th within thead is not empty, all are empty, so hide the thead */
 				display: none;
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,8 @@`
`25`	`25`
`26`	`26`	`thead {`
`27`	`27`	`@apply border-grey-20 bg-grey-10 border-b-1 text-left align-top font-sans font-semibold;`
`28`		`- :empty {`
	`28`	`+ &:not(:has(th:not(:empty))) {`
	`29`	`+ /* If no th within thead is not empty, all are empty, so hide the thead */`
`29`	`30`	`display: none;`
`30`	`31`	`}`
`31`	`32`	`}`