Changeset 13065 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/_search-form.scss

Timestamp:

12/18/2023 05:38:49 AM (12 months ago)

Author:

dd32

Message:

Plugin Directory: Style the search form on mobile devices.

Props shak33l, bedas, devtanbir, dd32.
Fixes #7365.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/_search-form.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/_search-form.scss

@@ -75 +75 @@
 
     .site-header:not(.home) & {
+        display: block;
         margin: 0;
         padding: 1rem 1rem 1rem 1.5rem;
@@ -89 +90 @@
             padding: 5px 10px;
             position: relative;
-            width: auto;
+            width: calc(100% - 55px);
 
             @media screen and (min-width: $ms-breakpoint) {
@@ -104 +105 @@
                 width: 10rem;
             }
+
+            @media screen and (max-width: $ms-breakpoint) {
+                & + .button-search {
+                    padding: 4px 14px 1px 14px;
+                }
+            }
+
         }
     }