From 08a292b7f6f853bd081097204d8760c4c8a12637 Mon Sep 17 00:00:00 2001
From: audrasjb <audrasjb@602fd350-edb4-49c9-b593-d223f7449a82>
Date: Sat, 25 Jan 2025 14:10:01 +0000
Subject: [PATCH] Plugins: Improve search box margin behavior in the Add
Plugins screen.
This changeset fixes a margin issue in the search input box on the Add New Plugins screen, which was previously breaking below 1138px. Specifically, the top margin was set to 0px, and the overall appearance of the search box was inconsistent between 1000px and 1138px. Now, the margin is consistent across all breakpoints.
Props jomonthomaslobo1, narenin, iflairwebtechnologies, peterwilsoncc, audrasjb, shailu25.
Fixes #61785.
git-svn-id: https://develop.svn.wordpress.org/trunk@59706 602fd350-edb4-49c9-b593-d223f7449a82
---
src/wp-admin/css/common.css | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 6c050e851d..16f3ae8862 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -1115,11 +1115,6 @@ th.action-links {
align-items: center;
}
-.wp-filter .search-form.search-plugins {
- /* This element is a flex item: the inherited float won't have any effect. */
- margin-top: 0;
-}
-
.wp-filter .search-form.search-plugins select,
.wp-filter .search-form.search-plugins .wp-filter-search,
.no-js .wp-filter .search-form.search-plugins .button {
@@ -1352,6 +1347,12 @@ th.action-links {
float: none;
}
+@media only screen and (max-width: 1138px) {
+ .wp-filter .search-form {
+ margin: 11px 0;
+ }
+}
+
@media only screen and (max-width: 1120px) {
.filter-drawer {
border-bottom: 1px solid #f0f0f1;