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

Timestamp:

09/17/2023 06:18:29 PM (2 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/elements/_badges.scss (modified) (3 diffs)

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

@@ -21 +21 @@
 .by-thread-starter {
     box-shadow: -4px 0 0 #fff, -6px 0 0 $color__thread_starter;
+}
+
+.type-reported_topics {
+    border-right: 2px solid $color__thread-reporter;
 }
 
@@ -50 +54 @@
 }
 
+.author-badge-reporter {
+    background-color: $color__thread-reporter;
+    right: -2px;
+    left: initial;
+    border-radius: 2px 0 0 2px;
+}
+
 .bbp-view .bbp-topics,
 .bbp-search .bbp-search-results,
-.bbp-user-replies-created {
+.bbp-user-replies-created,
+.bbp-user-reports-submitted {
 
     div.author-has-badge {
@@ -79 +91 @@
         left: 0;
     }
+    .author-badge-reporter {
+        left: initial;
+        right: 0;
+    }
 }
 
 @media screen and ( max-width: 480px ) {
 
-    .author-badge {
+    .author-badge,
+    .author-badge-reporter {
         top: -28px;
     }