Make WordPress Core

Changeset 52993


Ignore:
Timestamp:
03/25/2022 09:18:45 PM (2 years ago)
Author:
audrasjb
Message:

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.

Location:
trunk/src/wp-content/themes/twentynineteen
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/comments.php

    r47122 r52993  
    6262        }
    6363        ?>
    64     </div><!-- .comments-title-flex -->
     64    </div><!-- .comments-title-wrap -->
    6565    <?php
    6666    if ( have_comments() ) :
     
    102102        if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
    103103            ?>
    104             <div class="comment-form-flex">
    105                 <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
     104            <div class="comment-form-flex comment-form-wrapper">
     105                <h2 class="comments-title"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
    106106                <?php twentynineteen_comment_form( 'asc' ); ?>
    107                 <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
    108107            </div>
    109108            <?php
  • trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

    r50365 r52993  
    113113        }
    114114    }
     115}
     116
     117.comment-form-wrapper,
     118.comment-form-wrapper .comments-title {
     119    display: block;
    115120}
    116121
  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r52927 r52993  
    46944694}
    46954695
     4696.comment-form-wrapper,
     4697.comment-form-wrapper .comments-title {
     4698  display: block;
     4699}
     4700
    46964701.comment-list {
    46974702  list-style: none;
  • trunk/src/wp-content/themes/twentynineteen/style.css

    r52927 r52993  
    47004700}
    47014701
     4702.comment-form-wrapper,
     4703.comment-form-wrapper .comments-title {
     4704  display: block;
     4705}
     4706
    47024707.comment-list {
    47034708  list-style: none;
Note: See TracChangeset for help on using the changeset viewer.