Twenty Nineteen: Override flex order in comment form.

This change updates Twenty Nineteen bundled theme to fix the DOM order in the comment form, and to add a new `.comment-form-wrapper` class to change `flex` display to `block` for this specific area.

Props garrett-eclipse, audrasjb, sabernhardt.
Fixes #46600.

Built from https://develop.svn.wordpress.org/trunk@52993


git-svn-id: http://core.svn.wordpress.org/trunk@52582 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2022-03-25 21:20:04 +00:00
parent 746f1146c9
commit 876dde2def
5 changed files with 19 additions and 5 deletions

View File

@ -61,7 +61,7 @@ $discussion = twentynineteen_get_discussion_data();
get_template_part( 'template-parts/post/discussion', 'meta' );
}
?>
</div><!-- .comments-title-flex -->
</div><!-- .comments-title-wrap -->
<?php
if ( have_comments() ) :
@ -101,10 +101,9 @@ $discussion = twentynineteen_get_discussion_data();
// Show comment form at bottom if showing newest comments at the bottom.
if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
?>
<div class="comment-form-flex">
<span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
<div class="comment-form-flex comment-form-wrapper">
<h2 class="comments-title"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
<?php twentynineteen_comment_form( 'asc' ); ?>
<h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
</div>
<?php
endif;

View File

@ -114,6 +114,11 @@
}
}
.comment-form-wrapper,
.comment-form-wrapper .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;

View File

@ -4693,6 +4693,11 @@ body.page .main-navigation {
display: block;
}
.comment-form-wrapper,
.comment-form-wrapper .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;

View File

@ -4699,6 +4699,11 @@ body.page .main-navigation {
display: block;
}
.comment-form-wrapper,
.comment-form-wrapper .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.0-alpha-52992';
$wp_version = '6.0-alpha-52993';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.