WordPress.org
Get WordPress

Make WordPress Core

Changeset 62400 for trunk


Ignore:
Timestamp:
05/21/2026 10:21:00 AM (4 months ago)
Author:
wildworks
Message:

Admin Reskin: Fix mobile list table control heights.

On the mobile admin viewport, interactive elements on list table pages had inconsistent heights. Give them a consistent height.

Follow-up to [61645].

Props andrewssanya, sainathpoojary, wildworks.
See #64999.

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

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/common.css

    r62357 r62400  
    18741874        border-top: none;
    18751875        height: auto;
    1876         min-height: 32px; /* Compact size for header buttons */
    18771876        margin-bottom: 0;
    18781877        padding: 0 6px 0 16px;
    … …  
    18801879        border-radius: 0 0 4px 4px;
    18811880        color: #646970;
    1882         line-height: 2.30769231; /* 30px - matches compact button */
    18831881        box-shadow: 0 0 0 transparent;
    18841882        transition: box-shadow 0.1s linear;
    … …  
    42784276        }
    42794277
     4278        #screen-meta-links .show-settings:after {
     4279                line-height: 1.9;
     4280        }
     4281
    42804282        .wp-filter .search-form input[type="search"] {
    42814283                font-size: 1rem;

  • trunk/src/wp-admin/css/forms.css

    r62272 r62400  
    523523#post-query-submit {
    524524        margin: 0 8px 0 0;
    525         min-height: 32px;
    526         line-height: 2.30769231; /* 30px for 32px height with 13px font */
    527         padding: 0 12px;
    528525}
    529526
    … …  
    17581755        }
    17591756
     1757        .wp-core-ui .tablenav input[type="text"],
     1758        .wp-core-ui .tablenav input[type="password"],
     1759        .wp-core-ui .tablenav input[type="date"],
     1760        .wp-core-ui .tablenav input[type="datetime"],
     1761        .wp-core-ui .tablenav input[type="datetime-local"],
     1762        .wp-core-ui .tablenav input[type="email"],
     1763        .wp-core-ui .tablenav input[type="month"],
     1764        .wp-core-ui .tablenav input[type="number"],
     1765        .wp-core-ui .tablenav input[type="search"],
     1766        .wp-core-ui .tablenav input[type="tel"],
     1767        .wp-core-ui .tablenav input[type="time"],
     1768        .wp-core-ui .tablenav input[type="url"],
     1769        .wp-core-ui .tablenav input[type="week"],
     1770        .wp-core-ui .tablenav select {
     1771                min-height: 40px;
     1772        }
     1773
     1774        .wp-core-ui .tablenav .button {
     1775                min-height: 40px;
     1776                line-height: 2.71428571;
     1777                padding: 0 14px;
     1778        }
     1779
    17601780        p.search-box {
    17611781                float: none;
    … …  
    17741794                width: 100%;
    17751795                margin-bottom: 0;
     1796        }
     1797
     1798        p.search-box input[type="search"],
     1799        p.search-box input[type="text"] {
     1800                min-height: 40px;
    17761801        }
    17771802

  • trunk/src/wp-admin/css/list-tables.css

    r62334 r62400  
    19421942        .tablenav .tablenav-pages .button,
    19431943        .tablenav .tablenav-pages .tablenav-pages-navspan {
    1944                 min-width: 44px;
    1945                 padding: 12px 8px;
     1944                min-width: 40px;
     1945                min-height: 40px;
     1946                padding: 10px 8px;
    19461947                font-size: 18px;
    19471948                line-height: 1;
    … …  
    19491950
    19501951        .tablenav-pages .pagination-links .current-page {
    1951                 min-width: 44px;
    1952                 padding: 12px 6px;
     1952                min-width: 40px;
     1953                padding: 10px 6px;
    19531954                font-size: 16px;
    19541955                line-height: 1.125;
    … …  
    21782179        }
    21792180
     2181        .inline-edit-row select,
     2182        .inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) {
     2183                min-height: 40px;
     2184        }
     2185
    21802186        .inline-edit-row fieldset input[name=jj],
    21812187        .inline-edit-row fieldset input[name=hh],

  • trunk/src/wp-admin/includes/class-wp-comments-list-table.php

    r62324 r62400  
    443443                        if ( ! empty( $output ) && $this->has_items() ) {
    444444                                echo $output;
    445                                 submit_button( __( 'Filter' ), '', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
     445                                submit_button( __( 'Filter' ), 'button-compact', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
    446446                        }
    447447                }

  • trunk/src/wp-admin/includes/class-wp-links-list-table.php

    r61657 r62400  
    124124                        wp_dropdown_categories( $dropdown_options );
    125125
    126                         submit_button( __( 'Filter' ), '', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
     126                        submit_button( __( 'Filter' ), 'button-compact', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
    127127                        ?>
    128128                </div>

  • trunk/src/wp-admin/includes/class-wp-list-table.php

    r61657 r62400  
    405405        <label class="screen-reader-text" for="<?php echo esc_attr( $input_id ); ?>"><?php echo $text; ?>:</label>
    406406        <input type="search" id="<?php echo esc_attr( $input_id ); ?>" name="s" value="<?php _admin_search_query(); ?>" />
    407                 <?php submit_button( $text, '', '', false, array( 'id' => 'search-submit' ) ); ?>
     407                <?php submit_button( $text, 'button-compact', '', false, array( 'id' => 'search-submit' ) ); ?>
    408408</p>
    409409                <?php
    … …  
    621621                echo "</select>\n";
    622622
    623                 submit_button( __( 'Apply' ), 'action', 'bulk_action', false, array( 'id' => "doaction$two" ) );
     623                submit_button( __( 'Apply' ), 'action button-compact', 'bulk_action', false, array( 'id' => "doaction$two" ) );
    624624                echo "\n";
    625625        }

  • trunk/src/wp-admin/includes/class-wp-media-list-table.php

    r61790 r62400  
    243243                        do_action( 'restrict_manage_posts', $this->screen->post_type, $which );
    244244
    245                         submit_button( __( 'Filter' ), '', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
     245                        submit_button( __( 'Filter' ), 'button-compact', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
    246246
    247247                        if ( $this->is_trash && $this->has_items()

  • trunk/src/wp-admin/includes/class-wp-posts-list-table.php

    r62353 r62400  
    597597                        if ( ! empty( $output ) ) {
    598598                                echo $output;
    599                                 submit_button( __( 'Filter' ), '', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
     599                                submit_button( __( 'Filter' ), 'button-compact', 'filter_action', false, array( 'id' => 'post-query-submit' ) );
    600600                        }
    601601                }

  • trunk/src/wp-admin/includes/class-wp-screen.php

    r62268 r62400  
    970970                <?php if ( $this->show_screen_options() ) : ?>
    971971                        <div id="screen-options-link-wrap" class="hide-if-no-js screen-meta-toggle">
    972                         <button type="button" id="show-settings-link" class="button show-settings" aria-controls="screen-options-wrap" aria-expanded="false"><?php _e( 'Screen Options' ); ?></button>
     972                        <button type="button" id="show-settings-link" class="button button-compact show-settings" aria-controls="screen-options-wrap" aria-expanded="false"><?php _e( 'Screen Options' ); ?></button>
    973973                        </div>
    974974                        <?php
    … …  
    977977                        ?>
    978978                        <div id="contextual-help-link-wrap" class="hide-if-no-js screen-meta-toggle">
    979                         <button type="button" id="contextual-help-link" class="button show-settings" aria-controls="contextual-help-wrap" aria-expanded="false"><?php _e( 'Help' ); ?></button>
     979                        <button type="button" id="contextual-help-link" class="button button-compact show-settings" aria-controls="contextual-help-wrap" aria-expanded="false"><?php _e( 'Help' ); ?></button>
    980980                        </div>
    981981                <?php endif; ?>

  • trunk/src/wp-admin/includes/media.php

    r62179 r62400  
    29062906                <?php } ?>
    29072907
    2908                 <?php submit_button( __( 'Filter &#187;' ), '', 'post-query-submit', false ); ?>
     2908                <?php submit_button( __( 'Filter &#187;' ), 'button-compact', 'post-query-submit', false ); ?>
    29092909
    29102910        </div>
Note: See TracChangeset for help on using the changeset viewer.