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

Timestamp:

04/08/2024 03:40:30 AM (22 months ago)

Author:

adamwood

Message:

wporg-support-2024: Restyle buttons

Style buttons and associated inputs and textarea to match wporg-parent-2021 styles

Closes ​https://github.com/WordPress/wordpress.org/issues/229

File:

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

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

@@ -678 +678 @@
     }
 
-    .wporg-bbp-term-subscription > a,
     .reviews-submit-link > .btn,
     .subscription-toggle,
@@ -761 +760 @@
     }
 
+    #bbp-user-body {
+
+        div.bbp-search-form {
+
+            form > div {
+                margin-bottom: var(--wp--style--block-gap);
+                display: flex;
+
+                input[type="text"] {
+                    flex: 1;
+                    margin-right: calc(var(--wp--preset--spacing--10) / 2);
+                }
+            }
+
+            button,
+            input {
+
+                @media only screen and (max-width: 480px) {
+                    font-size: var(--wp--preset--font-size--small);
+                    padding: var(--wp--custom--form--padding--block) var(--wp--custom--form--padding--inline);
+                }
+            }
+        }
+    }
+
     @media (max-width: 767px) {
+
+        #bbp-user-body {
+
+            div.bbp-search-form {
+                float: none;
+            }
+
+            h2.entry-title {
+                clear: right;
+            }
+        }
 
         input[type="text"] {
@@ -800 +835 @@
 .topic-resolved {
 
-    label {
-        vertical-align: none;
+    form {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: calc(var(--wp--preset--spacing--10) / 2);
     }
 
     select {
-        width: 120px;
-        line-height: 1;
+        width: 150px;
     }
 }
@@ -1126 +1164 @@
         textarea {
             width: 100%;
-            padding: 0.2rem 0.5rem 0.1rem;
             margin: 4px 0 8px;
         }
@@ -1181 +1218 @@
 
     input[type="text"] {
-        padding: 3px 5px;
 
         @media (max-width: 767px) {
@@ -1194 +1230 @@
 .bbpress #bbpress-forums #bbp-user-wrapper {
     font-size: var(--wp--preset--font-size--small);
+
+    .bbp-user-section {
+        margin-top: var(--wp--style--block-gap);
+    }
 }