Changeset 13501 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss

Timestamp:

04/11/2024 10:42:01 PM (20 months ago)

Author:

adamwood

Message:

wporg-support-2024: Fix topic actions

Revert hiding the search this forum form, and update styles to match global search field
Style Create Topic button as primary

Fixes #7572
Fixes ​https://github.com/WordPress/wordpress.org/issues/245

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss

@@ -343 +343 @@
 .search-form {
     font-size: 0;
-    margin-bottom: 2rem;
-
     max-width: 100%;
     position: relative;
 
+    // Matches wp-block-search styles
     .search-field {
         border: none;
-        border-radius: 0;
-        box-shadow: none;
+        border-radius: var(--wp--custom--form--border--radius) 0 0 var(--wp--custom--form--border--radius);
         display: block;
-        font-size: ms( 0 );
-        margin: 0 auto;
         max-width: 100%;
-        padding: 0.5rem;
-        width: ms(28);
+        width: 232px;
+        background-color: var(--wp--custom--form--search--color--background);
+        font-size: var(--wp--custom--form--typography--font-size);
+        line-height: var(--wp--custom--button--typography--line-height);
+        color: var(--wp--custom--form--search--color--text);
+        box-shadow: var(--wp--custom--form--color--box-shadow);
+        font-family: inherit;
+        padding-inline: var(--wp--custom--form--padding--inline);
+        padding-block: var(--wp--custom--form--padding--block);
     }
 
@@ -394 +397 @@
             display: block;
             height: 100%;
-            padding: 0.5rem 1rem;
+            padding-inline: var(--wp--custom--form--padding--block);
+            padding-block: var(--wp--custom--form--padding--block);
             position: absolute;
             right: 0;
@@ -451 +455 @@
         }
     }
-
-    .site-main & .search-field {
-        border: 1px solid var(--wp--preset--color--light-grey-1);
-        box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
-        padding: 0.5rem;
-        width: 100%;
-    }
 }