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

Timestamp:

04/09/2024 06:31:42 AM (21 months ago)

Author:

adamwood

Message:

wporg-support-2024: Style forms

Update styles for bbPress forms and block editor

Fixes ​https://github.com/WordPress/wordpress.org/issues/213
Closes ​https://github.com/WordPress/wordpress.org/issues/230
Closes ​https://github.com/WordPress/wordpress.org/issues/219

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

@@ -644 +644 @@
 #bbpress-forums {
 
-    fieldset.bbp-form button {
-        padding: 0 0.8rem;
-        font-size: ms(-2);
-    }
-
     .bbp-reply-form {
         clear: both;
@@ -659 +654 @@
     }
 
-    fieldset.bbp-form select,
-    fieldset.bbp-form input[type="text"] {
-        min-height: 32px;
-        height: 32px;
-    }
-
+    #bbp-your-profile fieldset.submit button,
     .bbp-submit-wrapper {
-        margin-top: -35px;
-
-        @media (max-width: 767px) {
-            margin-top: 0;
-        }
+        float: none;
     }
 
@@ -721 +707 @@
 #bbpress-forums {
 
-    fieldset.bbp-form {
-        margin: 0;
-        border: 0;
-
-        legend {
-            font-weight: 400;
-            font-size: ms(2);
-        }
-
-        label,
-        p em {
-            font-size: ms(-2);
-        }
-
-        em#site_url_description {
-            display: inline-block;
-            margin-bottom: 12px;
-        }
-
-        input[type="checkbox"],
-        input#site_url,
-        input#bbp_topic_tags {
-            margin-bottom: 0;
-        }
-
-        div.rate {
-            margin-bottom: 8px;
-        }
-    }
-
     fieldset.log-edit {
         margin: 12px 0 8px 0;
@@ -756 +712 @@
         legend {
             padding: 0;
-            font-size: ms(-2);
+        }
+    }
+
+    #bbp-your-profile fieldset {
+        padding: 0;
+        margin: 0 0 var(--wp--style--block-gap);
+        border: none;
+    }
+
+    fieldset.bbp-form select,
+    fieldset.bbp-form input[type="text"],
+    #bbp-your-profile fieldset input,
+    #bbp-your-profile fieldset textarea,
+    #bbp-your-profile fieldset select {
+        height: unset;
+        border-color: var(--wp--custom--form--border--color);
+        padding: var(--wp--custom--form--padding--block) var(--wp--custom--form--padding--inline);
+        background-color: var(--wp--custom--form--color--background);
+        border-radius: var(--wp--custom--form--border--radius);
+        min-height: 40px;
+
+        &:focus {
+            box-shadow: none;
+        }
+
+        &:focus-visible {
+            box-shadow: none;
+            outline: -webkit-focus-ring-color auto 1px;
+        }
+
+        &:disabled {
+            border-color: var(--wp--custom--form--disabled--border-color);
+        }
+    }
+
+    fieldset.bbp-form {
+
+        input[type="checkbox"],
+        input[type="radio"] {
+            margin: 0;
+
+            + label {
+                margin-left: 0.5em;
+            }
+
+            &:focus {
+                box-shadow: none;
+            }
+
+            &:focus-visible {
+                box-shadow: none;
+                outline: -webkit-focus-ring-color auto 1px;
+            }
+        }
+
+        label input[type="checkbox"],
+        label input[type="radio"] {
+            margin-right: 0.5em;
         }
     }
@@ -823 +836 @@
 .reply-edit #bbpress-forums .bbp-reply-form legend {
     display: block;
+}
+
+body.reply-edit #bbpress-forums fieldset.bbp-form,
+body.topic-edit #bbpress-forums fieldset.bbp-form {
+    border: none;
+    margin: 0 0 var(--wp--style--block-gap);
 }
 
@@ -1231 +1250 @@
     font-size: var(--wp--preset--font-size--small);
 
+    h2.entry-title {
+        font-size: var(--wp--preset--font-size--heading-4);
+        padding-bottom: unset;
+        margin: 0 0 var(--wp--style--block-gap);
+    }
+
     .bbp-user-section {
         margin-top: var(--wp--style--block-gap);