Post Template: Add Border and Spacing Support (#64425)

* Post Template: Add Border and Spacing Support * fix conflict issue * Added Border & Spacing Controls Optional * fix conflict issue * Fixed Lint Issue * Added Suggested Changes * Added Suggested Changes * Added Suggested Changes * Added Suggested Changes Co-authored-by: shail-mehta <shailu25@git.wordpress.org> Co-authored-by: aaronrobertshaw <aaronrobertshaw@git.wordpress.org> Co-authored-by: t-hamano <wildworks@git.wordpress.org> Co-authored-by: paaljoachim <paaljoachim@git.wordpress.org> Co-authored-by: shimotmk <shimotomoki@git.wordpress.org> Co-authored-by: jameskoster <jameskoster@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
WordPress · Dec 26, 2024 · 261979a · 261979a · github-actions · Dec 26, 2024
1 parent 61d7404
commit 261979a
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -661,7 +661,7 @@ Contains the block elements used to render a post, like the title, date, feature
 -	**Name:** core/post-template
 -	**Category:** theme
 -	**Ancestor:** core/query
--	**Supports:** align (full, wide), color (background, gradients, link, text), interactivity (clientNavigation), layout, spacing (blockGap), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
+-	**Supports:** align (full, wide), color (background, gradients, link, text), interactivity (clientNavigation), layout, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
 
 ## Post Terms
 

diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss
@@ -49,7 +49,6 @@
 @import "./template-part/editor.scss";
 @import "./text-columns/editor.scss";
 @import "./video/editor.scss";
-@import "./post-template/editor.scss";
 @import "./query/editor.scss";
 @import "./query-pagination/editor.scss";
 @import "./query-pagination-numbers/editor.scss";

diff --git a/packages/block-library/src/post-template/block.json b/packages/block-library/src/post-template/block.json
@@ -43,15 +43,25 @@
 			}
 		},
 		"spacing": {
+			"margin": true,
+			"padding": true,
 			"blockGap": {
 				"__experimentalDefault": "1.25em"
 			},
 			"__experimentalDefaultControls": {
-				"blockGap": true
+				"blockGap": true,
+				"padding" : false,
+				"margin" : false
 			}
 		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true
 		}
 	},
 	"style": "wp-block-post-template",

diff --git a/packages/block-library/src/post-template/editor.scss b/packages/block-library/src/post-template/editor.scss
diff --git a/packages/block-library/src/post-template/style.scss b/packages/block-library/src/post-template/style.scss
@@ -4,6 +4,8 @@
 	max-width: 100%;
 	list-style: none;
 	padding: 0;
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 
 	// These rules no longer apply but should be kept for backwards compatibility.
 	&.is-flex-container {