Page List : Add border and spacing support (WordPress#66385)

* Border support added for Page-list block * Border support added for Page-list block * Adding spacing support for page list * Doc Build * Update packages/block-library/src/page-list/block.json Co-authored-by: Aaron Robertshaw <[email protected]> * Update packages/block-library/src/page-list/block.json Suggestion commit Co-authored-by: Aaron Robertshaw <[email protected]> * Unwanted Comma removed * border-box added --------- Co-authored-by: ramonjd <[email protected]> Co-authored-by: benazeer1909 <[email protected]> Co-authored-by: akasunil <[email protected]> Co-authored-by: Aaron Robertshaw <[email protected]>
MaxMood96 · Nov 18, 2024 · 89cba32 · 89cba32
1 parent 1490795
commit 89cba32
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -512,7 +512,7 @@ Display a list of all pages. ([Source](https://github.com/WordPress/gutenberg/tr
 -	**Name:** core/page-list
 -	**Category:** widgets
 -	**Allowed Blocks:** core/page-list-item
--	**Supports:** interactivity (clientNavigation), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
+-	**Supports:** interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
 -	**Attributes:** isNested, parentPageID
 
 ## Page List Item

diff --git a/packages/block-library/src/page-list/block.json b/packages/block-library/src/page-list/block.json
@@ -51,6 +51,20 @@
 		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true
+		},
+		"spacing": {
+			"padding": true,
+			"margin": true,
+			"__experimentalDefaultControls": {
+				"padding": false,
+				"margin": false
+			}
 		}
 	},
 	"editorStyle": "wp-block-page-list-editor",

diff --git a/packages/block-library/src/page-list/style.scss b/packages/block-library/src/page-list/style.scss
@@ -15,3 +15,7 @@
 		background-color: inherit;
 	}
 }
+.wp-block-page-list {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+}