Border support added to comments (WordPress#66354)

* Border support added to comments * css lint fix Co-authored-by: rinkalpagdar <rinkalpagdar@git.wordpress.org>
karthick-murugan · Nov 13, 2024 · a27bb89 · a27bb89
1 parent 7031d6e
commit a27bb89
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 4 deletions.
diff --git a/packages/block-library/src/comments/block.json b/packages/block-library/src/comments/block.json
@@ -17,7 +17,10 @@
 		}
 	},
 	"supports": {
-		"align": [ "wide", "full" ],
+		"align": [
+			"wide",
+			"full"
+		],
 		"html": false,
 		"color": {
 			"gradients": true,
@@ -45,8 +48,23 @@
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true,
+			"__experimentalDefaultControls": {
+				"radius": true,
+				"color": true,
+				"width": true,
+				"style": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-comments-editor",
-	"usesContext": [ "postId", "postType" ]
-}
+	"usesContext": [
+		"postId",
+		"postType"
+	]
+}
diff --git a/packages/block-library/src/comments/style.scss b/packages/block-library/src/comments/style.scss
@@ -13,7 +13,6 @@
 	}
 
 	/* end utility classes */
-
 	.navigation {
 		&::after {
 			content: "";
@@ -146,3 +145,7 @@
 :where(.wp-block-post-comments input[type="submit"]) {
 	border: none;
 }
+
+.wp-block-comments {
+	box-sizing: border-box;
+}