Term Description: Add border block support (#63630)

akasunil · akasunil · aaronrobertshaw · web-flow · commit 58f62cf9c6cc · 2024-07-18T14:05:21.000+05:30
* Add border support to term description block

* Add box sizing style to term description block

Co-authored-by: akasunil &lt;sunil25393@git.wordpress.org&gt;
Co-authored-by: aaronrobertshaw &lt;aaronrobertshaw@git.wordpress.org&gt;
diff --git a/packages/block-library/src/term-description/block.json b/packages/block-library/src/term-description/block.json
@@ -40,6 +40,18 @@
 		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true,
+			"__experimentalDefaultControls": {
+				"radius": true,
+				"color": true,
+				"width": true,
+				"style": true
+			}
 		}
 	}
 }
diff --git a/packages/block-library/src/term-description/style.scss b/packages/block-library/src/term-description/style.scss
@@ -1,5 +1,7 @@
 // Lowest specificity on wrapper margins to avoid overriding layout styles.
 :where(.wp-block-term-description) {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 	margin-top: var(--wp--style--block-gap);
 	margin-bottom: var(--wp--style--block-gap);
 }

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,18 @@`
`40`	`40`	`},`
`41`	`41`	`"interactivity": {`
`42`	`42`	`"clientNavigation": true`
	`43`	`+ },`
	`44`	`+ "__experimentalBorder": {`
	`45`	`+ "radius": true,`
	`46`	`+ "color": true,`
	`47`	`+ "width": true,`
	`48`	`+ "style": true,`
	`49`	`+ "__experimentalDefaultControls": {`
	`50`	`+ "radius": true,`
	`51`	`+ "color": true,`
	`52`	`+ "width": true,`
	`53`	`+ "style": true`
	`54`	`+ }`
`43`	`55`	`}`
`44`	`56`	`}`
`45`	`57`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
`1`	`1`	`// Lowest specificity on wrapper margins to avoid overriding layout styles.`
`2`	`2`	`:where(.wp-block-term-description) {`
	`3`	`+ // This block has customizable padding, border-box makes that more predictable.`
	`4`	`+ box-sizing: border-box;`
`3`	`5`	`margin-top: var(--wp--style--block-gap);`
`4`	`6`	`margin-bottom: var(--wp--style--block-gap);`
`5`	`7`	`}`