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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@53708 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2022-09-13 21:51:12 +00:00
parent 30a13227bd
commit 7c01b0a340
5 changed files with 25 additions and 3 deletions

View File

@ -1399,6 +1399,17 @@ ul.cat-checklist {
content: "\f147"; content: "\f147";
} }
.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 { .plugin-install-php h2 {
clear: both; clear: both;
} }

File diff suppressed because one or more lines are too long

View File

@ -1398,6 +1398,17 @@ ul.cat-checklist {
content: "\f147"; content: "\f147";
} }
.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 { .plugin-install-php h2 {
clear: both; clear: both;
} }

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.1-alpha-54148'; $wp_version = '6.1-alpha-54149';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.