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.
Built from https://develop.svn.wordpress.org/trunk@37912


git-svn-id: http://core.svn.wordpress.org/trunk@37853 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2016-06-29 13:30:28 +00:00
parent e210ea830b
commit 809ad6e429
6 changed files with 30 additions and 6 deletions

View File

@ -2152,3 +2152,15 @@ div.action-links,
width: 100%; width: 100%;
} }
} }
@media screen and ( max-width: 480px ) {
.tablenav-pages .current-page {
margin: 0;
}
.tablenav-pages .tablenav-paging-text {
float: right;
width: 100%;
padding-top: 0.5em;
}
}

File diff suppressed because one or more lines are too long

View File

@ -2152,3 +2152,15 @@ div.action-links,
width: 100%; width: 100%;
} }
} }
@media screen and ( max-width: 480px ) {
.tablenav-pages .current-page {
margin: 0;
}
.tablenav-pages .tablenav-paging-text {
float: left;
width: 100%;
padding-top: 0.5em;
}
}

File diff suppressed because one or more lines are too long

View File

@ -772,7 +772,7 @@ class WP_List_Table {
$page_links = array(); $page_links = array();
$total_pages_before = '<span class="paging-input">'; $total_pages_before = '<span class="paging-input">';
$total_pages_after = '</span>'; $total_pages_after = '</span></span>';
$disable_first = $disable_last = $disable_prev = $disable_next = false; $disable_first = $disable_last = $disable_prev = $disable_next = false;
@ -813,9 +813,9 @@ class WP_List_Table {
if ( 'bottom' === $which ) { if ( 'bottom' === $which ) {
$html_current_page = $current; $html_current_page = $current;
$total_pages_before = '<span class="screen-reader-text">' . __( 'Current Page' ) . '</span><span id="table-paging" class="paging-input">'; $total_pages_before = '<span class="screen-reader-text">' . __( 'Current Page' ) . '</span><span id="table-paging" class="paging-input"><span class="tablenav-paging-text">';
} else { } else {
$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' />", $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'>",
'<label for="current-page-selector" class="screen-reader-text">' . __( 'Current Page' ) . '</label>', '<label for="current-page-selector" class="screen-reader-text">' . __( 'Current Page' ) . '</label>',
$current, $current,
strlen( $total_pages ) strlen( $total_pages )

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.6-alpha-37911'; $wp_version = '4.6-alpha-37912';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.