Table Block: Apply borders and padding on both front end and editor (#…

…45069) * Apply table borders on front end * Apply default cell padding to editor and front end * Remove padding and border from theme.scss
WordPress · Nov 4, 2022 · 3c5d618 · 3c5d618
1 parent 20e96b2
commit 3c5d618
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/block-library/src/table/editor.scss b/packages/block-library/src/table/editor.scss
@@ -31,6 +31,7 @@
 	td,
 	th {
 		border: $border-width solid;
+		padding: 0.5em;
 	}
 
 	td.is-selected,

diff --git a/packages/block-library/src/table/style.scss b/packages/block-library/src/table/style.scss
@@ -11,6 +11,13 @@
 		width: 100%;
 	}
 
+	// Match default border style to default style in editor
+	td,
+	th {
+		border: $border-width solid;
+		padding: 0.5em;
+	}
+
 	// Fixed layout toggle
 	.has-fixed-layout {
 		table-layout: fixed;

diff --git a/packages/block-library/src/table/theme.scss b/packages/block-library/src/table/theme.scss
@@ -11,8 +11,6 @@
 
 	td,
 	th {
-		padding: 0.5em;
-		border: 1px solid;
 		word-break: normal;
 	}