Ticket #29372: masonry.diff

src/wp-admin/plugin-install.php

@@ -29 +29 @@
 $title = __('Install Plugins');
 $parent_file = 'plugins.php';
 
+wp_enqueue_script( 'masonry' );
 wp_enqueue_script( 'plugin-install' );
 if ( 'plugin-information' != $tab )
         add_thickbox();

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

@@ -1234 +1234 @@
         float: left;
         margin: 0 8px 16px;
         width: 48.5%;
-        width: -webkit-calc( 50% - 8px );
-        width: calc( 50% - 8px );
+        width: -webkit-calc( 49.3% - 8px );
+        width: calc( 49.3% - 8px );
         background-color: #fff;
         border: 1px solid #dedede;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
 }
-
+/*
 .plugin-card:nth-child(odd) {
         clear: both;
         margin-left: 0;
@@ -1251 +1251 @@
 .plugin-card:nth-child(even) {
         margin-right: 0;
 }
-
+*/
 @media screen and ( min-width: 1600px ) {
         .plugin-card {
                 width: 30%;
-                width: -webkit-calc( 33.1% - 8px );
-                width: calc( 33.1% - 8px );
+                width: -webkit-calc( 32.8% - 8px );
+                width: calc( 32.8% - 8px );
         }
-
+/*
         .plugin-card:nth-child(odd) {
                 clear: none;
                 margin-left: 8px;
@@ -1276 +1276 @@
         .plugin-card:nth-child(3n) {
                 margin-right: 0;
         }
+*/
 }
 
 @media screen and ( max-width: 782px ) {

src/wp-admin/js/plugin-install.js

@@ -73 +73 @@
         $( 'a.install-now' ).click( function() {
                 return confirm( plugininstallL10n.ays );
         });
+
+        $( '#the-list' ).masonry( {
+                itemSelector: '.plugin-card',
+        } );
+
 });