[wp-trac] [WordPress Trac] #55744: Twenty Twenty Theme : Post Comments Form block design issue in 6.0 RC2

[WordPress Trac]

#55744: Twenty Twenty Theme : Post Comments Form block design issue in 6.0 RC2
-------------------------------------+------------------------------
 Reporter:  kajalgohel               |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Bundled Theme            |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, css
-------------------------------------+------------------------------

Comment (by sabernhardt):

 Thanks for the report and patches!

 The
 [https://github.com/WordPress/gutenberg/blob/3b2eccc289cfc90bd99252b12fc4c6e470ce4c04/packages
 /block-library/src/post-comments-form/style.scss#L72 post comments form
 block's heading styles] are more specific than Twenty Twenty's.

 {{{
 .wp-block-post-comments-form .comment-reply-title {
         margin-bottom: 0;
 }
 }}}

 Using negative values may not have been the best way to set these margins
 in the first version of the theme. If the margin increases, however, the
 bottom margin of the heading would need to be set to zero in the theme so
 it does not change the spacing for the standard (non-block) comment form.

 Adding `!important` can override styles that the user defined, either in a
 child theme or in Additional CSS.

 For another option, I suggest adding a more specific selector without
 replacing the original selector.

 {{{
 .comment-reply-title,
 .wp-block-post-comments-form .comment-reply-title {
 }}}

 On the other hand, this block is designed for full-site editing and the
 theme was not. When I add the block to a post that enables comments, I
 still have the comment form added by the template. Then I have a duplicate
 form with duplicate IDs.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/55744#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform