Make WordPress Core


Ignore:
Timestamp:
06/29/2016 01:30:00 PM (6 years ago)
Author:
afercia
Message:

List tables: Make the pagination links and text better responsive.

On small screens, especially with longer translations, the pagination links and
text could break in two lines. This fixes it moving down the text in a new line.

Fixes #33962.

File:
1 edited

Legend:

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

    r37663 r37912  
    773773
    774774        $total_pages_before = '<span class="paging-input">';
    775         $total_pages_after  = '</span>';
     775        $total_pages_after  = '</span></span>';
    776776
    777777        $disable_first = $disable_last = $disable_prev = $disable_next = false;
     
    814814        if ( 'bottom' === $which ) {
    815815            $html_current_page  = $current;
    816             $total_pages_before = '<span class="screen-reader-text">' . __( 'Current Page' ) . '</span><span id="table-paging" class="paging-input">';
     816            $total_pages_before = '<span class="screen-reader-text">' . __( 'Current Page' ) . '</span><span id="table-paging" class="paging-input"><span class="tablenav-paging-text">';
    817817        } else {
    818             $html_current_page = sprintf( "%s<input class='current-page' id='current-page-selector' type='text' name='paged' value='%s' size='%d' aria-describedby='table-paging' />",
     818            $html_current_page = sprintf( "%s<input class='current-page' id='current-page-selector' type='text' name='paged' value='%s' size='%d' aria-describedby='table-paging' /><span class='tablenav-paging-text'>",
    819819                '<label for="current-page-selector" class="screen-reader-text">' . __( 'Current Page' ) . '</label>',
    820820                $current,
Note: See TracChangeset for help on using the changeset viewer.