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

Timestamp:

09/17/2023 06:18:29 PM (3 years ago)

Author:

Clorith

Message:

Support Forums: Improved topic report flows.

Where previously, a reported topic would store the report in post meta and be limited to the sidebar view, and any reaction would be secret, unless a moderator contacted reporters publicly, this is no longer the case.

When a report is made, while we maintain the modlook tag as before for compatibility reasons, the report is added as a custom post type entry. This allows for tracking vigilant users who help out a lot, as well as giving us access to valuable data about what kind of reports are being made.

The reports are also presented as "replies" within a topic, giving valuable contextual information to those reviewing reports during the time of the report. This element is also presented in such a way that a moderator is able to respond to a report directly, letting the user view their previous reports and their outcomes within their forum profile, as well as them getting notified of the outcome by email when a topic is handled.

Fixes #5715.

File:

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

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

@@ -338 +338 @@
 
                 div.topic,
-                div.reply {
+                div.reply,
+                div.reported_topics {
                         padding: 1.5rem 1.5rem 1.5rem 0;
                 }
@@ -1160 +1161 @@
 
                 select,
-                input[type="text"] {
+                input[type="text"],
+                textarea {
                         width: 100%;
                         padding: 0.2rem 0.5rem 0.1rem;
-                        margin: 5px 0;
+                        margin: 0;
+                }
+
+                .topic-report-notice {
+                        margin-bottom: 1em;
+                        padding: 4px;
+                        background-color: #dfffe9;
+
+                        &.topic-report-notice-type-error {
+                                background-color: #ffdbdb;
+                        }
+
+                        &.topic-report-notice-type-warning {
+                                background-color: #fbffdf;
+                        }
                 }
         }