Changeset 43669

Timestamp:

10/02/2018 08:06:37 PM (6 years ago)

Author:

pento

Message:

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.

Location:

trunk/src/wp-admin

Files:

• css/list-tables.css (modified) (1 diff)
• includes/class-wp-plugin-install-list-table.php (modified) (1 diff)

trunk/src/wp-admin/css/list-tables.css

@@ -1399 +1399 @@
 }
 
+@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;

trunk/src/wp-admin/includes/class-wp-plugin-install-list-table.php

@@ -94 +94 @@
         $paged = $this->get_pagenum();
 
-        $per_page = 30;
+        $per_page = 36;
 
         // These are the tabs which are shown on the page