From b2993d11cb310328a60912dc848dbee90c48add1 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Thu, 4 Dec 2025 13:07:18 +0100 Subject: [PATCH 1/6] fix plugins filter margin --- src/wp-admin/css/list-tables.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index b6195ddfc4bd4..7eabb76ecb95b 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1456,10 +1456,6 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { margin: 2.5em 0 8px; } -.plugin-install-php .wp-filter { - margin-bottom: 0; -} - /* Plugin card table view */ .plugin-group { overflow: hidden; /* clearfix */ From aa310906c00f4f613ac250ee5d76664b06932db7 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Thu, 4 Dec 2025 13:08:03 +0100 Subject: [PATCH 2/6] fix plugin card width --- src/wp-admin/css/list-tables.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 7eabb76ecb95b..7292417106e68 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1487,8 +1487,7 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { @media screen and (min-width: 1600px) and ( max-width: 2299px ) { .plugin-card { - width: 30%; - width: calc( 33.1% - 8px ); + width: calc( (100% - 32px) / 3 ); } .plugin-card:nth-child(odd) { From 0113a436e59cd18d83b4883cdb7de58ed1236824 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Sat, 6 Dec 2025 23:35:57 +0100 Subject: [PATCH 3/6] Clean unnecessary css - #the-list is a flex --- src/wp-admin/css/list-tables.css | 57 ++++---------------------------- 1 file changed, 7 insertions(+), 50 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 7292417106e68..b43fdb2102da9 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1440,6 +1440,7 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { .plugin-install-php #the-list { display: flex; flex-wrap: wrap; + justify-content: space-between; } .plugin-install-php .plugin-card { @@ -1456,6 +1457,10 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { margin: 2.5em 0 8px; } +.plugin-install-php .wp-filter { + margin-bottom: 0; +} + /* Plugin card table view */ .plugin-group { overflow: hidden; /* clearfix */ @@ -1467,70 +1472,22 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { } .plugin-card { - float: left; - margin: 0 8px 16px; - width: 48.5%; + margin: 0 0 0 16px; width: calc( 50% - 8px ); background-color: #fff; border: 1px solid #dcdcde; box-sizing: border-box; } -.plugin-card:nth-child(odd) { - clear: both; - margin-left: 0; -} - -.plugin-card:nth-child(even) { - margin-right: 0; -} - @media screen and (min-width: 1600px) and ( max-width: 2299px ) { .plugin-card { width: calc( (100% - 32px) / 3 ); } - - .plugin-card:nth-child(odd) { - clear: none; - margin-left: 8px; - } - - .plugin-card:nth-child(even) { - margin-right: 8px; - } - - .plugin-card:nth-child(3n+1) { - clear: both; - margin-left: 0; - } - - .plugin-card:nth-child(3n) { - margin-right: 0; - } } @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; + width: calc( (100% - 48px) / 4 ); } } From 735951771ebd8d51031953025963591a0cb03287 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Sat, 6 Dec 2025 23:37:44 +0100 Subject: [PATCH 4/6] Revert "fix plugins filter margin" This reverts commit b2993d11cb310328a60912dc848dbee90c48add1. https://github.com/WordPress/wordpress-develop/pull/10586/ --- src/wp-admin/css/list-tables.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index b43fdb2102da9..c252644f0672a 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1461,6 +1461,10 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { margin-bottom: 0; } +.plugin-install-php .wp-filter { + margin-bottom: 0; +} + /* Plugin card table view */ .plugin-group { overflow: hidden; /* clearfix */ From 91b4765f10b7cbf59ff85a5d1ffe149881e56af8 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Sat, 6 Dec 2025 23:45:51 +0100 Subject: [PATCH 5/6] fix card margin --- src/wp-admin/css/list-tables.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index c252644f0672a..e53538487995b 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1476,7 +1476,7 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { } .plugin-card { - margin: 0 0 0 16px; + margin: 0 0 16px; width: calc( 50% - 8px ); background-color: #fff; border: 1px solid #dcdcde; From 3fe3e7ee1c6965fffc55292c1ccfb0e83b1d3774 Mon Sep 17 00:00:00 2001 From: Abdalsalaam Halawa Date: Sat, 6 Dec 2025 23:49:55 +0100 Subject: [PATCH 6/6] use gap instead of space-between or margins --- src/wp-admin/css/list-tables.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index e53538487995b..8b3a25d505afc 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1440,7 +1440,7 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { .plugin-install-php #the-list { display: flex; flex-wrap: wrap; - justify-content: space-between; + gap: 16px; } .plugin-install-php .plugin-card { @@ -1476,7 +1476,6 @@ ul.cat-checklist input[name="post_category[]"]:indeterminate::before { } .plugin-card { - margin: 0 0 16px; width: calc( 50% - 8px ); background-color: #fff; border: 1px solid #dcdcde;