From 3016372442613b22b231b10baed5d5441871da5c Mon Sep 17 00:00:00 2001 From: Jason Crist Date: Fri, 10 Dec 2021 08:20:18 -0500 Subject: [PATCH] Fix post comment form input width (#37238) * Applied width:100% and border-box to input elements of post comment form. * Applied the same element styles to post-comments block as was applied to post-comments-form block --- .../block-library/src/post-comments-form/style.scss | 12 +++++++----- packages/block-library/src/post-comments/style.scss | 10 +++++++--- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/packages/block-library/src/post-comments-form/style.scss b/packages/block-library/src/post-comments-form/style.scss index 43a6007424d356..3df620b80f9b80 100644 --- a/packages/block-library/src/post-comments-form/style.scss +++ b/packages/block-library/src/post-comments-form/style.scss @@ -41,13 +41,15 @@ padding: calc(0.667em + 2px); // The extra 2px is added to match outline buttons. } - .comment-form-comment textarea { - display: block; - box-sizing: border-box; - width: 100%; + .comment-form { + textarea, + input:not([type="submit"]):not([type="checkbox"]) { + display: block; + box-sizing: border-box; + width: 100%; + } } - .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { diff --git a/packages/block-library/src/post-comments/style.scss b/packages/block-library/src/post-comments/style.scss index 0cdfb9e093503d..8f72ab3ebc8552 100644 --- a/packages/block-library/src/post-comments/style.scss +++ b/packages/block-library/src/post-comments/style.scss @@ -64,9 +64,13 @@ } } - .comment-form-comment textarea { - box-sizing: border-box; - width: 100%; + .comment-form { + textarea, + input:not([type="submit"]):not([type="checkbox"]) { + display: block; + box-sizing: border-box; + width: 100%; + } } .comment-form-cookies-consent {