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
WordPress · Dec 13, 2021 · 3016372 · 3016372
1 parent d2ae308
commit 3016372
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git 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
@@ -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 {