Page MenuHomePhabricator

Dashboard module: Policies and guidelines
Closed, ResolvedPublic3 Estimated Story Points

Assigned To
Authored By
Samwalton9-WMF
Aug 25 2025, 10:26 AM
Referenced Files
F70843468: Screenshot 2025-12-03 at 21.49.37.png
Dec 3 2025, 9:50 PM
F70843482: OnboardingDialog (2).png
Dec 3 2025, 9:50 PM
F70843479: Screenshot 2025-12-03 at 17.36.07.png
Dec 3 2025, 9:50 PM
F70843472: Screenshot 2025-12-03 at 17.32.13.png
Dec 3 2025, 9:50 PM
F70319603: P&G_ Assume good faith 2.png
Nov 21 2025, 8:57 PM
F70319601: P&G_ Assume good faith 1.png
Nov 21 2025, 8:57 PM
F70319617: P&G_ No original research 2.png
Nov 21 2025, 8:57 PM
F70319614: P&G_ No original research 1.png
Nov 21 2025, 8:57 PM

Description

User story: As a new moderator, I want to learn about the core content policies on my project, so that I am empowered with the knowledge I need to take actions which enforce those policies.

Design

Module

DesktopMobile 1Mobile 2
Policy and guidelines.png (485×445 px, 40 KB)
Mobile - Dashboard overview.png (729×375 px, 43 KB)
Mobile - Policies and guidelines.png (664×375 px, 46 KB)

Popouts
Neutral point of view

Desktop 1Desktop 2Mobile 1Mobile 2
P&G_ Neutral point of view 1.png (356×639 px, 40 KB)
P&G_ Neutral point of view 2.png (359×639 px, 41 KB)
Mobile - P&G_ Neutral point of view 1.png (667×375 px, 46 KB)
Mobile - P&G_ Neutral point of view 2.png (667×375 px, 48 KB)

Verifiability

Desktop 1Desktop 2Desktop 3Mobile 1Mobile 2Mobile 3
P&G_ Verifiability 1.png (376×639 px, 43 KB)
P&G_ Verifiability 2.png (336×639 px, 35 KB)
P&G_ Verifiability 3.png (343×639 px, 36 KB)
Mobile - P&G_ Verifiability 1.png (667×375 px, 51 KB)
Mobile - P&G_ Verifiability 2.png (667×375 px, 48 KB)
Mobile - P&G_ Verifiability 3.png (667×375 px, 47 KB)

No original research

Desktop 1Desktop 2Mobile 1Mobile 2
P&G_ No original research 1.png (339×639 px, 35 KB)
P&G_ No original research 2.png (380×639 px, 46 KB)
Mobile - P&G_ No original research 1.png (667×375 px, 43 KB)
Mobile - P&G_ No original research 2.png (667×375 px, 49 KB)

Assume good faith

Desktop 1Desktop 2Mobile 1Mobile 2
P&G_ Assume good faith 1.png (339×639 px, 36 KB)
P&G_ Assume good faith 2.png (339×639 px, 39 KB)
P&G_ Neutral point of view.png (667×375 px, 44 KB)
P&G_ Neutral point of view-1.png (667×375 px, 46 KB)

Acceptance criteria

  • A Policies and Guidelines module is visible on Special:Dashboard
  • The module contains links to overviews of four policies
  • Clicking 'Examples' at the end of each entry opens a popover with additional information

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes
Samwalton9-WMF renamed this task from Homepage module: Content policies to Moderator homepage module: Content policies.Aug 25 2025, 10:26 AM

We don't have the copy for each of the three modals yet, but the other two won't behave any differently, so I figure we could start work on this now and fill in the blanks later.

@Samwalton9-WMF @OTichonova remind me: Are these meant on the dashboard or on other pages? From the description, it looks like they go directly in the dashboard.

@Samwalton9-WMF @OTichonova remind me: Are these meant on the dashboard or on other pages? From the description, it looks like they go directly in the dashboard.

Yep, each of these modules goes on the dashboard. I've added the overall current mockup to the parent task for context: T402632

This comment was removed by Dillon.

Change #1192157 had a related patch set uploaded (by Dillon; author: Dillon):

[mediawiki/extensions/PersonalDashboard@master] Content policies module for personal dashboard

https://gerrit.wikimedia.org/r/1192157

@OTichonova I'm going to mark this task as stalled until we have the final designs available.

Scardenasmolinar changed the task status from Open to Stalled.Oct 9 2025, 6:27 PM
Dillon changed the task status from Stalled to In Progress.Oct 27 2025, 2:32 PM

Change #1192157 merged by jenkins-bot:

[mediawiki/extensions/PersonalDashboard@master] Content policies module for personal dashboard

https://gerrit.wikimedia.org/r/1192157

jsn.sherman changed the task status from In Progress to Stalled.Nov 4 2025, 5:08 PM
jsn.sherman removed Dillon as the assignee of this task.
jsn.sherman moved this task from QA to Done on the Moderator-Tools-Team (Kanban) board.
jsn.sherman moved this task from Done to Ready on the Moderator-Tools-Team (Kanban) board.
jsn.sherman added a subscriber: Dillon.
Samwalton9-WMF changed the task status from Stalled to Open.Nov 12 2025, 2:07 PM
Samwalton9-WMF updated the task description. (Show Details)
Samwalton9-WMF updated the task description. (Show Details)
Dillon changed the task status from Open to In Progress.Nov 12 2025, 3:41 PM
Dillon claimed this task.
Dillon moved this task from Ready to In Progress on the Moderator-Tools-Team (Kanban) board.
Dillon raised the priority of this task from Medium to High.Nov 13 2025, 5:40 PM

Change #1205222 had a related patch set uploaded (by Dillon; author: Dillon):

[mediawiki/extensions/PersonalDashboard@master] Implement final design for Content Policies

https://gerrit.wikimedia.org/r/1205222

Kgraessle subscribed.

Hi, this is looking great so far!
I just noticed a few messages that are a bit different from the designs so I've left comments in gerrit.

One other thing missing is the mobile summary view and message that goes along with that view. (This can be done in another patch.)
It looks like right now we're just always rendering the module:

Screenshot 2025-11-20 at 4.31.26 PM.png (1×978 px, 92 KB)

Instead of the mobile summary card:

Mobile_-_Dashboard_overview.png (729×375 px, 43 KB)

Take a peek at what I did for the RecentActivity module for inspiration if you would like, though you probably don't need a whole vue app since your card is not using dynamic information.

Test wiki created on Patch demo by DHardy-WMF using patch(es) linked to this task:
https://4855cf63dd.catalyst.wmcloud.org/w/

Change #1205222 merged by jenkins-bot:

[mediawiki/extensions/PersonalDashboard@master] Implement final design for Content Policies

https://gerrit.wikimedia.org/r/1205222

Hi @Dillon! This looks great I had a couple comments/questions

  1. The size of the title in the examples (eg. no original research title). It looked bigger than the mocks and when I pulled the codex component, I realized that the title should be smaller. In Figma it is "Heading XS/Bold with font size 16, line height 20.
Screenshot 2025-12-03 at 17.32.13.png (534×1 px, 138 KB)
  1. I had a question, on mobile it looks like the examples are taking up the full screen width while I Figma the aren't, I saw that if the width of the screen is increased they change but was just curious if that is the expected behavior?
Screenshot 2025-12-03 at 17.36.07.png (1×998 px, 107 KB)
OnboardingDialog (2).png (667×375 px, 38 KB)
  1. The header on mobile doesn't fully match the designs.
  2. The back arrow should is smaller (16x16pts)
  3. The margins for the header should be 8pts
  4. The margin for the content is 16 pts
  5. The title is Heading 4 (bold)
  6. The padding around the title is too large. Header height is 46pts
  7. The dividing line is missing between the header and content on the page
Screenshot 2025-12-03 at 21.49.37.png (646×1 px, 206 KB)

Hi @Dillon! This looks great I had a couple comments/questions

  1. The size of the title in the examples (eg. no original research title). It looked bigger than the mocks and when I pulled the codex component, I realized that the title should be smaller. In Figma it is "Heading XS/Bold with font size 16, line height 20.
Screenshot 2025-12-03 at 17.32.13.png (534×1 px, 138 KB)
  1. I had a question, on mobile it looks like the examples are taking up the full screen width while I Figma the aren't, I saw that if the width of the screen is increased they change but was just curious if that is the expected behavior?
Screenshot 2025-12-03 at 17.36.07.png (1×998 px, 107 KB)
OnboardingDialog (2).png (667×375 px, 38 KB)
  1. The header on mobile doesn't fully match the designs.
  2. The back arrow should is smaller (16x16pts)
  3. The margins for the header should be 8pts
  4. The margin for the content is 16 pts
  5. The title is Heading 4 (bold)
  6. The padding around the title is too large. Header height is 46pts
  7. The dividing line is missing between the header and content on the page
Screenshot 2025-12-03 at 21.49.37.png (646×1 px, 206 KB)

(me and @OTichonova discussed these issues via Slack and they will be fixed in a follow-up patch soon)

Test wiki on Patch demo by DHardy-WMF using patch(es) linked to this task was deleted:

https://4855cf63dd.catalyst.wmcloud.org/w/

Dillon changed the task status from In Progress to Stalled.Dec 5 2025, 9:35 PM

Stalling for now, as we need to do a bit of overhauling to the extension core in order for the mobile navigation to behave like the Figma design:

  1. The header on mobile doesn't fully match the designs.
  2. The back arrow should is smaller (16x16pts)
  3. The margins for the header should be 8pts
  4. The margin for the content is 16 pts
  5. The title is Heading 4 (bold)
  6. The padding around the title is too large. Header height is 46pts
  7. The dividing line is missing between the header and content on the page
Screenshot 2025-12-03 at 21.49.37.png (646×1 px, 206 KB)
  1. The header on mobile doesn't fully match the designs.
  2. The back arrow should is smaller (16x16pts)
  3. The margins for the header should be 8pts
  4. The margin for the content is 16 pts
  5. The title is Heading 4 (bold)
  6. The padding around the title is too large. Header height is 46pts
  7. The dividing line is missing between the header and content on the page
Screenshot 2025-12-03 at 21.49.37.png (646×1 px, 206 KB)

There is now a dedicated task for these fixes: T412053: bugfix mobile module card design

Samwalton9-WMF changed the task status from Stalled to Open.Dec 9 2025, 5:18 PM
Samwalton9-WMF moved this task from In Progress to QA on the Moderator-Tools-Team (Kanban) board.

Change #1220637 had a related patch set uploaded (by Dillon; author: Dillon):

[mediawiki/extensions/PersonalDashboard@master] Policies and guidelines: fix border color

https://gerrit.wikimedia.org/r/1220637

Test wiki created on Patch demo by DHardy-WMF using patch(es) linked to this task:
https://929c284dea.catalyst.wmcloud.org/w/

Change #1220637 merged by jenkins-bot:

[mediawiki/extensions/PersonalDashboard@master] Policies and guidelines: fix border color

https://gerrit.wikimedia.org/r/1220637

Test wiki on Patch demo by DHardy-WMF using patch(es) linked to this task was deleted:

https://929c284dea.catalyst.wmcloud.org/w/

Samwalton9-WMF renamed this task from Moderator homepage module: Content policies to Dashboard module: Policies and guidelines.Wed, Feb 11, 10:56 AM