Plugin Installer: Allow 4 columns of search results on wide screens.

For screens wider than 2300px, show 4 colums of search results, as 3 columns looked quite stretched out.

This change also increases the default number of search results from 30 to 36, so that the columns have an even number of results, regardless of whether there are 2, 3, or 4 of them.

Props nielslange.
Fixes #43573.


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


git-svn-id: http://core.svn.wordpress.org/trunk@43498 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Gary Pendergast 2018-10-02 20:07:24 +00:00
parent bfc53e6a52
commit 8617817fb4
6 changed files with 54 additions and 4 deletions

View File

@ -1398,6 +1398,31 @@ ul.cat-checklist {
}
}
@media screen and ( min-width: 2300px ) {
.plugin-card {
width: 25%;
width: calc( 25% - 12px );
}
.plugin-card:nth-child(odd) {
clear: none;
margin-right: 8px;
}
.plugin-card:nth-child(even) {
margin-left: 8px;
}
.plugin-card:nth-child(4n+1) {
clear: both;
margin-right: 0;
}
.plugin-card:nth-child(4n) {
margin-left: 0;
}
}
.plugin-card-top {
position: relative;
padding: 20px 20px 10px;

File diff suppressed because one or more lines are too long

View File

@ -1398,6 +1398,31 @@ ul.cat-checklist {
}
}
@media screen and ( min-width: 2300px ) {
.plugin-card {
width: 25%;
width: calc( 25% - 12px );
}
.plugin-card:nth-child(odd) {
clear: none;
margin-left: 8px;
}
.plugin-card:nth-child(even) {
margin-right: 8px;
}
.plugin-card:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.plugin-card:nth-child(4n) {
margin-right: 0;
}
}
.plugin-card-top {
position: relative;
padding: 20px 20px 10px;

File diff suppressed because one or more lines are too long

View File

@ -93,7 +93,7 @@ class WP_Plugin_Install_List_Table extends WP_List_Table {
$paged = $this->get_pagenum();
$per_page = 30;
$per_page = 36;
// These are the tabs which are shown on the page
$tabs = array();

View File

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