Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-06-24 05:45:02 +02:00
Code Issues Projects Releases Wiki Activity

List Tables: Arrange action items into a grid with extra space.

Browse Source 
On small screens, list table actions were cramped. This makes it easy to press the wrong action by mistake. The items are now arranged into a grid and given extra room to create a larger tap-target.

The plugins list table was excluded because it's current layout doesn't match the others, and we should add more space to this in a future commit.

Props jobthomas, ryelle.
Fixes #45024.

Built from https://develop.svn.wordpress.org/trunk@43670


git-svn-id: http://core.svn.wordpress.org/trunk@43499 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Mel Choyce 2018-10-03 18:56:24 +00:00
parent 8617817fb4
commit 7081f6c8fa
5 changed files with 63 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
wp-admin/css/list-tables-rtl.css
View File

@ -1864,6 +1864,30 @@ div.action-links,
word-wrap: normal;
}
/* Make row actions more easy to select on mobile */
body:not(.plugins-php) .row-actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto;
color: transparent;
}
.row-actions span {
padding: 4px 0;
}
.row-actions span a,
.row-actions span .button-link {
display: inline-block;
padding: 4px 0;
}
.row-actions span.approve:before,
.row-actions span.unapprove:before {
content: "| ";
}
/* Quick Edit and Bulk Edit */
#wpbody-content .quick-edit-row-post .inline-edit-col-left,
#wpbody-content .quick-edit-row-post .inline-edit-col-right,
@ -2102,6 +2126,12 @@ div.action-links,
margin: 0;
}
/* Drop row actions to two columns on a small screen */
.row-actions:not(.plugins-php) {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
.tablenav-pages .tablenav-paging-text {
float: right;
width: 100%;

2
wp-admin/css/list-tables-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

30
wp-admin/css/list-tables.css
View File

@ -1864,6 +1864,30 @@ div.action-links,
word-wrap: normal;
}
/* Make row actions more easy to select on mobile */
body:not(.plugins-php) .row-actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto;
color: transparent;
}
.row-actions span {
padding: 4px 0;
}
.row-actions span a,
.row-actions span .button-link {
display: inline-block;
padding: 4px 0;
}
.row-actions span.approve:before,
.row-actions span.unapprove:before {
content: "| ";
}
/* Quick Edit and Bulk Edit */
#wpbody-content .quick-edit-row-post .inline-edit-col-left,
#wpbody-content .quick-edit-row-post .inline-edit-col-right,
@ -2102,6 +2126,12 @@ div.action-links,
margin: 0;
}
/* Drop row actions to two columns on a small screen */
.row-actions:not(.plugins-php) {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
.tablenav-pages .tablenav-paging-text {
float: left;
width: 100%;

2
wp-admin/css/list-tables.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.0-alpha-43669';
$wp_version = '5.0-alpha-43670';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.