List tables: Ensure the no items message appears on narrow screens.

fixes #32900. see #32395.


git-svn-id: https://develop.svn.wordpress.org/trunk@33098 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2015-07-06 23:29:44 +00:00
parent 69239d86f9
commit 94cd2d47eb
1 changed files with 8 additions and 4 deletions

View File

@ -1733,10 +1733,14 @@ div.action-links,
.wp-list-table th:not(.column-primary),
.wp-list-table th:not(.column-primary),
.wp-list-table tr:not(.inline-edit-row) td:not(.column-primary):not(.check-column) {
.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) {
display: none;
}
.wp-list-table thead th.column-primary {
width: 100%;
}
/* Checkboxes need to show */
.wp-list-table tr th.check-column {
display: table-cell;
@ -1747,7 +1751,7 @@ div.action-links,
display: block;
}
.wp-list-table tr:not(.inline-edit-row) td:not(.check-column) {
.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
position: relative;
clear: both;
display: block;
@ -1758,11 +1762,11 @@ div.action-links,
padding-right: 50px; /* space for toggle button */
}
.wp-list-table tr:not(.inline-edit-row) td:not(.column-primary):not(.check-column) {
.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) {
padding: 3px 8px 3px 35%;
}
.wp-list-table tr:not(.inline-edit-row) td:not(.column-primary)::before {
.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
position: absolute;
left: 10px; /* match padding of regular table cell */
display: block;