Changeset 13501 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.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/_bbpress.scss (modified) (3 diffs)

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

@@ -443 +443 @@
 
         .create-topic {
-            font-size: 0.8rem;
 
             @media (min-width: $paginationBreakPoint) {
                 float: left;
-            }
-
-            &::before {
-                color: #000;
-                content: "\f132";
-                font: 400 16px/1 dashicons;
-                margin: 0 4px 0 -4px;
-                vertical-align: middle;
             }
         }
@@ -461 +452 @@
             display: flex;
             flex-direction: column;
-            gap: 16px;
-            padding: 15px 0;
+            gap: 10px;
+            margin-bottom: var(--wp--style--block-gap);
             text-align: center;
 
             @media (min-width: 767px) {
                 flex-direction: row;
-                justify-content: space-between;
+                align-items: center;
             }
 
             .create-topic {
-                float: none;
-                height: auto;
-                padding: 9px 12px;
-
-                &::before {
-                    color: #fff;
-                }
-
-                &.button-secondary::before {
-                    color: #000;
-                }
-
-            }
-
-            > span {
-                margin: 0 8px 0 6px;
-                font-size: 0.8rem;
-            }
-
-            .search-form {
-                display: none;
+
+                @extend .button-primary;
+                // Match search field
+                line-height: var(--wp--custom--button--typography--line-height);
+                padding-inline: var(--wp--custom--form--padding--inline);
+                padding-block: var(--wp--custom--form--padding--block);
             }
 
@@ -497 +473 @@
 
                 .create-topic,
-                > span {
-                    display: block;
+                .search-form,
+                .search-field {
                     width: 100%;
-                }
-
-                > span {
-                    margin: 3px 0;
                 }
             }