Make WordPress Core

Changeset 53023


Ignore:
Timestamp:
03/29/2022 07:06:54 PM (2 years ago)
Author:
joedolson
Message:

Quick/Bulk Edit: Position action buttons in close proximity.

Move the Submit and Cancel buttons in quick edit forms to be next to each other and change the order of the buttons. Improve accessibility for low vision and cognitive impairments for quick editing.

Props afercia, marybaum.
Fixes #55364.

Location:
trunk/src/wp-admin
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/list-tables.css

    r52842 r53023  
    915915
    916916.inline-edit-row .submit {
     917    display: flex;
     918    flex-wrap: wrap;
     919    align-items: center;
    917920    clear: both;
    918921    padding: 0.5em;
     
    920923}
    921924
     925.inline-edit-save.submit .button {
     926    margin-right: 8px;
     927}
     928
     929.inline-edit-save .spinner {
     930    float: none;
     931    margin: 0;
     932}
     933
    922934.inline-edit-row .notice-error {
     935    box-sizing: border-box;
     936    min-width: 100%;
    923937    margin-top: 1em;
    924938}
  • trunk/src/wp-admin/includes/class-wp-posts-list-table.php

    r53011 r53023  
    20082008
    20092009            <div class="submit inline-edit-save">
    2010                 <button type="button" class="button cancel alignleft"><?php _e( 'Cancel' ); ?></button>
    2011 
    20122010                <?php if ( ! $bulk ) : ?>
    20132011                    <?php wp_nonce_field( 'inlineeditnonce', '_inline_edit', false ); ?>
    2014                     <button type="button" class="button button-primary save alignright"><?php _e( 'Update' ); ?></button>
     2012                    <button type="button" class="button button-primary save"><?php _e( 'Update' ); ?></button>
     2013                <?php else : ?>
     2014                    <?php submit_button( __( 'Update' ), 'primary', 'bulk_edit', false ); ?>
     2015                <?php endif; ?>
     2016
     2017                <button type="button" class="button cancel"><?php _e( 'Cancel' ); ?></button>
     2018
     2019                <?php if ( ! $bulk ) : ?>
    20152020                    <span class="spinner"></span>
    2016                 <?php else : ?>
    2017                     <?php submit_button( __( 'Update' ), 'primary alignright', 'bulk_edit', false ); ?>
    20182021                <?php endif; ?>
    20192022
     
    20232026                    <input type="hidden" name="post_author" value="<?php echo esc_attr( $post->post_author ); ?>" />
    20242027                <?php endif; ?>
    2025                 <br class="clear" />
    20262028
    20272029                <div class="notice notice-error notice-alt inline hidden">
  • trunk/src/wp-admin/includes/class-wp-terms-list-table.php

    r52180 r53023  
    697697
    698698            <div class="inline-edit-save submit">
    699                 <button type="button" class="cancel button alignleft"><?php _e( 'Cancel' ); ?></button>
    700                 <button type="button" class="save button button-primary alignright"><?php echo $tax->labels->update_item; ?></button>
     699                <button type="button" class="save button button-primary"><?php echo $tax->labels->update_item; ?></button>
     700                <button type="button" class="cancel button"><?php _e( 'Cancel' ); ?></button>
    701701                <span class="spinner"></span>
    702702
     
    704704                <input type="hidden" name="taxonomy" value="<?php echo esc_attr( $this->screen->taxonomy ); ?>" />
    705705                <input type="hidden" name="post_type" value="<?php echo esc_attr( $this->screen->post_type ); ?>" />
    706                 <br class="clear" />
    707706
    708707                <div class="notice notice-error notice-alt inline hidden">
Note: See TracChangeset for help on using the changeset viewer.