Changeset 12655 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

06/13/2023 07:48:06 PM (2 years ago)

Author:

ryelle

Message:

Theme Directory: Bring back search on interior pages.

Follow-up to [12653], this adds the search back to interior pages so that the search results page works. The JS app uses the value inside the search bar to fetch and display search results, so it needs to be on all pages.

Fixes #7059.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

@@ -1408 +1408 @@
 }
 
+body:not(.home) {
+    .site-branding {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .search-form {
+        margin-bottom: 0;
+
+        .wp-filter-search {
+            padding: 0.3rem 0.5rem;
+            width: ms( 24 );
+            font-size: 0.8rem;
+        }
+    }
+}
+
 /* Filter bar */
 .wp-filter {
@@ -1486 +1503 @@
 .show-filters .filter-links a.current:focus {
     color: #2ea2cc;
-}
-
-.wp-filter .wp-filter-search {
-    margin: 0;
-    padding: 3px 5px;
-    width: 270px;
-    font-size: 16px;
-    font-weight: 300;
-    line-height: 1.5;
 }
 
@@ -1959 +1967 @@
         }
     }
+
+    body:not(.home) {
+        .site-branding {
+            display: block;
+        }
+
+        .search-form {
+            margin-top: 1rem;
+
+            .wp-filter-search {
+                font-size: 1rem;
+                width: 100%;
+            }
+        }
+    }
 }