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

Timestamp:

04/12/2024 02:03:45 AM (2 years ago)

Author:

adamwood

Message:

wporg-support-2024: Improve topic actions layout

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

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

@@ -62 +62 @@
 
                 @extend .clear;
-        }
-
-        &.bbp-view-reviews #bbpress-forums .bbp-create-topic-wrapper .search-form {
-                width: 100%;
         }
 
@@ -451 +447 @@
                 .bbp-create-topic-wrapper {
                         display: flex;
-                        flex-direction: column;
+                        flex-wrap: wrap;
                         gap: 10px;
                         margin-bottom: var(--wp--style--block-gap);
-                        text-align: center;
-
-                        @media (min-width: 767px) {
-                                flex-direction: row;
-                                align-items: center;
-                        }
 
                         .create-topic {
-
-                                @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);
-                        }
-
-                        @media (max-width: 767px) {
-
-                                .create-topic,
-                                .search-form,
-                                .search-field {
-                                        width: 100%;
-                                }
                         }
                 }
@@ -665 +644 @@
         .favorite-toggle {
 
-                @extend .button;
+                @extend .button-primary;
         }
 
         .wporg-bbp-term-subscription {
-                margin-bottom: 1rem;
+                margin-bottom: var(--wp--style--block-gap);
         }
 }