fixing some minor issues with row and column styling

https://stellarwp.atlassian.net/browse/KAD-3884 https://stellarwp.atlassian.net/browse/KAD-3883
stellarwp · Nov 27, 2024 · 931ccb2 · 931ccb2
1 parent 6326162
commit 931ccb2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/blocks/table/children/row/backend-styles/index.js b/src/blocks/table/children/row/backend-styles/index.js
@@ -24,15 +24,19 @@ export default function BackendStyles(props) {
 
 	const css = new KadenceBlocksCSS();
 
-	css.set_selector(`.kb-table-container .kb-table tr.kb-table-row${uniqueID}`);
+	css.set_selector(
+		`.kb-table-container .kb-table tr.kb-table-row${uniqueID}, .kb-table-container .kb-table tr.kb-table-row${uniqueID} th, .kb-table-container .kb-table tr.kb-table-row${uniqueID} td`
+	);
 	if (previewMinHeight) {
 		css.add_property('height', previewMinHeight + minHeightType);
 	}
 	if (backgroundColor !== '') {
 		css.add_property('background-color', KadenceColorOutput(backgroundColor));
 	}
 
-	css.set_selector(`.kb-table-container .kb-table tr.kb-table-row${uniqueID}:hover`);
+	css.set_selector(
+		`.kb-table-container .kb-table tr.kb-table-row${uniqueID}:hover, .kb-table-container .kb-table tr.kb-table-row${uniqueID}:hover th, .kb-table-container .kb-table tr.kb-table-row${uniqueID}:hover td`
+	);
 	if (backgroundHoverColor !== '') {
 		css.add_property('background-color', KadenceColorOutput(backgroundHoverColor));
 	}

diff --git a/src/blocks/table/components/backend-styles/index.js b/src/blocks/table/components/backend-styles/index.js
@@ -132,7 +132,7 @@ export default function BackendStyles(props) {
 	}
 
 	if (headerTypography[0].color) {
-		css.set_selector(`.kb-table${uniqueID} th .kadence-advancedheading-text`);
+		css.set_selector(`.kb-table${uniqueID} th`);
 		css.add_property('color', KadenceColorOutput(headerTypography[0].color));
 	}
 
@@ -182,7 +182,9 @@ export default function BackendStyles(props) {
 	if (columnBackgrounds) {
 		columnBackgrounds.forEach((background, index) => {
 			if (background) {
-				css.set_selector(`.kb-table${uniqueID} td:nth-child(${index + 1})`);
+				css.set_selector(
+					`.kb-table${uniqueID} td:nth-child(${index + 1}), .kb-table${uniqueID} th:nth-child(${index + 1})`
+				);
 				css.add_property('background-color', KadenceColorOutput(background));
 			}
 		});
@@ -191,7 +193,11 @@ export default function BackendStyles(props) {
 	if (columnBackgroundsHover) {
 		columnBackgroundsHover.forEach((background, index) => {
 			if (background) {
-				css.set_selector(`.kb-table${uniqueID} td:nth-child(${index + 1}):hover`);
+				css.set_selector(
+					`.kb-table${uniqueID} td:nth-child(${index + 1}):hover, .kb-table${uniqueID} th:nth-child(${
+						index + 1
+					}):hover`
+				);
 				css.add_property('background-color', KadenceColorOutput(background));
 			}
 		});