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:
parent
69239d86f9
commit
94cd2d47eb
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user