Changeset 54149

Timestamp:

09/13/2022 09:49:14 PM (2 years ago)

Author:

audrasjb

Message:

Plugins: Visually align plugin cards in Plugin Install screen.

This changeset adds a flexible CSS columns layout to plugin cards in the Plugin Install screen, to ensure plugin cards all have the same height.

Props jamesckemp, audrasjb, joyously, sabernhardt, sharjeelkhanvmi, joyously.
Fixes #55721.
See #55272.

File:

• trunk/src/wp-admin/css/list-tables.css (modified) (1 diff)

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

@@ -1399 +1399 @@
 }
 
+.plugin-install-php #the-list {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.plugin-install-php .plugin-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
 .plugin-install-php h2 {
     clear: both;