Changeset 59706

Timestamp:

01/25/2025 02:10:01 PM (8 weeks ago)

Author:

audrasjb

Message:

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.

File:

• trunk/src/wp-admin/css/common.css (modified) (2 diffs)

trunk/src/wp-admin/css/common.css

@@ -1116 +1116 @@
 }
 
-.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,
@@ -1351 +1346 @@
     margin: 40px auto 0;
     float: none;
+}
+
+@media only screen and (max-width: 1138px) {
+    .wp-filter .search-form {
+        margin: 11px 0;
+    }
 }