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 (2 years 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;
                                 }
                         }