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