From 633e298d381f227cddb91e2730742b3db5166252 Mon Sep 17 00:00:00 2001 From: Shail Mehta Date: Wed, 4 Sep 2024 20:24:35 +0530 Subject: [PATCH] Comment Reply Link: Add border support (#64271) * Comment Reply Link: Add Border Support * Hide Spacing & Border Support Default Co-authored-by: shail-mehta Co-authored-by: ramonjd Co-authored-by: aaronrobertshaw Co-authored-by: richtabor --- .../src/comment-reply-link/block.json | 15 +++++++++++++-- .../src/comment-reply-link/style.scss | 4 ++++ packages/block-library/src/style.scss | 1 + 3 files changed, 18 insertions(+), 2 deletions(-) create mode 100644 packages/block-library/src/comment-reply-link/style.scss diff --git a/packages/block-library/src/comment-reply-link/block.json b/packages/block-library/src/comment-reply-link/block.json index c10129412145c..68aa93c3c1526 100644 --- a/packages/block-library/src/comment-reply-link/block.json +++ b/packages/block-library/src/comment-reply-link/block.json @@ -25,7 +25,11 @@ }, "spacing": { "margin": true, - "padding": true + "padding": true, + "__experimentalDefaultControls": { + "margin": false, + "padding": false + } }, "typography": { "fontSize": true, @@ -40,6 +44,13 @@ "fontSize": true } }, + "__experimentalBorder": { + "radius": true, + "color": true, + "width": true, + "style": true + }, "html": false - } + }, + "style": "wp-block-comment-reply-link" } diff --git a/packages/block-library/src/comment-reply-link/style.scss b/packages/block-library/src/comment-reply-link/style.scss new file mode 100644 index 0000000000000..7eca6cee1aa97 --- /dev/null +++ b/packages/block-library/src/comment-reply-link/style.scss @@ -0,0 +1,4 @@ +.wp-block-comment-reply-link { + // This block has customizable padding, border-box makes that more predictable. + box-sizing: border-box; +} diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss index 8549b80ae89de..a8819c2084dc2 100644 --- a/packages/block-library/src/style.scss +++ b/packages/block-library/src/style.scss @@ -14,6 +14,7 @@ @import "./comment-content/style.scss"; @import "./comment-author-name/style.scss"; @import "./comment-edit-link/style.scss"; +@import "./comment-reply-link/style.scss"; @import "./cover/style.scss"; @import "./details/style.scss"; @import "./embed/style.scss";