From 94cd2d47eb0aed27022cbdaf5580e43a6e5e2283 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Mon, 6 Jul 2015 23:29:44 +0000 Subject: [PATCH] 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 --- src/wp-admin/css/list-tables.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index ec22cd7a1c..3f00b4255c 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -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;