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

Timestamp:

04/15/2024 04:52:02 AM (2 years ago)

Author:

adamwood

Message:

wporg-support-2024: Fix rosetta search

Use searchform.php for search blocks, which includes logic for switching the form action if rosetta.
Don't show search form on single forum, reviews, plugin, theme or search results page as per design.
Fix search results page layout.

Fixes #7582

File:

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

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

@@ -366 +366 @@
 
     .button-search {
-        border-left: none;
-        border-radius: 0 2px 2px 0;
-        font-size: ms( 0 );
-        position: relative;
-        right: auto;
-        top: auto;
+        background: transparent;
+        border: none;
+        border-radius: 0;
+        box-shadow: none;
+        color: #32373c;
+        display: block;
+        height: 100%;
+        padding-inline: var(--wp--custom--form--padding--block);
+        padding-block: var(--wp--custom--form--padding--block);
+        position: absolute;
+        right: 0;
+        text-shadow: none;
+        top: 0;
+        margin: 0;
+
+        &:focus-visible {
+            outline: -webkit-focus-ring-color auto 1px;
+        }
 
         &:active {
-            background: #006799;
-            border-right: 1px solid #006799;
-            box-shadow: none;
-        }
-
-        .dashicons {
-            font-size: ms( 0 );
-        }
-    }
-
-    .site-header & {
-        display: inline-block;
-    }
-
-    .site-header.home &,
-    .site-main & {
-
-        .button-search {
             background: transparent;
             border: none;
-            border-radius: 0;
-            box-shadow: none;
-            color: #32373c;
-            display: block;
-            height: 100%;
-            padding-inline: var(--wp--custom--form--padding--block);
-            padding-block: var(--wp--custom--form--padding--block);
-            position: absolute;
-            right: 0;
-            text-shadow: none;
-            top: 0;
-            margin: 0;
-
-            &:focus {
-                box-shadow: 0 0 2px 1px #33b3db;
-            }
-
-            &:active {
-                background: transparent;
-                border: none;
-                transform: none;
-            }
-
-            i {
-                vertical-align: sub;
-            }
-        }
-    }
-
-    .site-header:not(.home) & {
-        margin: 0;
-
-        .search-field {
-            border: 0;
-            border-radius: 2px;
-            display: inline-block;
-            font-size: ms( 0 );
-            padding: 5px 10px;
-            position: relative;
-            width: 100%;
-        }
-
-        @media screen and (min-width: $ms-breakpoint) {
-
-            .search-field {
-                border-radius: 2px 0 0 2px;
-                font-size: ms( -4 );
-                width: 7rem;
-            }
-
-            .search-field + .button-search {
-                display: inline-block;
-                margin-bottom: 0;
-            }
-        }
-
-        @media screen and (min-width: 60em) {
-
-            .search-field {
-                width: 10rem;
-            }
-        }
-    }
-}
-
-.search {
-
-    .site-main {
-        margin-top: 2rem;
-        padding-top: 0;
-    }
-
-    &.search-results .page-header {
-        margin: 2rem 0;
+            transform: none;
+        }
     }
 }