Page MenuHomePhabricator

Consolidate the Review Changes experiences on desktop and mobile
Closed, ResolvedPublic5 Estimated Story Points

Description

Summary

As the first step in enabling more edits to be reviewed, we should show allow users to pop open a list containing more edits, bringing the two experiences in closer alignment.

Desktop: Currently shows a list of 5 edits, with no way to view more.
Mobile: Currently shows a very brief and uninformative one-line summary of a single edit to motivate people to engage with Review Changes.

Design

(Full details in the Figma here)

Desktop

We should display two edits, and half of another.

Screenshot 2026-05-13 at 12.03.19.png (1,458×746 px, 105 KB)

Clicking on "Show more" should open the full review changes page.

Mobile

We should display one edit, and half of another.

Screenshot 2026-05-13 at 11.52.31.png (1,880×1,998 px, 452 KB)

Clicking on "Show more" or the module header should open the full screen page.

Screenshot 2026-07-17 at 15.36.37.png (694×1,042 px, 190 KB)

Acceptance criteria

  • On desktop only 2 and a half edits are displayed, on mobile only one and a half edits are displayed.
  • All edits being displayed should be individually selectable to open diffs.
  • The half edit fades out of view at the bottom of the module.
  • A "Show more" button has been added, which opens a modal when selected.
  • The modal contains a scrollable list, which populates initially with 10 edits.

Event Timeline

Samwalton9-WMF moved this task from Inbox to Design backlog on the Moderator-Tools-Team board.

Needs design for what the modal itself looks like, how big does it load on the page?

Mockup from Lu. Flexible based on what's most feasible, technically.

image.png (1,494×1,514 px, 204 KB)

The 'Show More' button here can be ignored - this is future work (T426182), as are the flags on individual edits.

Dillon changed the task status from Open to In Progress.Jul 22 2026, 4:15 PM
Dillon claimed this task.
Dillon moved this task from Ready to In Progress on the Moderator-Tools-Team (Kanban) board.

@Samwalton9-WMF Can you include a link to the Figma please?

@Lwilson-ctr could you add a link to where the Module design screenshotted in the task description can be found?

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

[mediawiki/extensions/PersonalDashboard@master] Design enhancements for Review Changes with "Show more" button

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

Dillon changed the task status from In Progress to Stalled.Jul 23 2026, 4:32 PM
Dillon moved this task from In Progress to Ready on the Moderator-Tools-Team (Kanban) board.
This comment was removed by Dillon.
Dillon renamed this task from Add Show More button to Review Changes module on desktop, and open modal with more edits to Consolidate the Review Changes experience on desktop and mobile.Aug 4 2026, 5:10 PM
Dillon renamed this task from Consolidate the Review Changes experience on desktop and mobile to Consolidate the Review Changes experiences on desktop and mobile.
Dillon updated the task description. (Show Details)
Dillon changed the point value for this task from 3 to 5.
Dillon removed Dillon as the assignee of this task.Aug 4 2026, 5:35 PM
Dillon changed the task status from Open to In Progress.Aug 18 2026, 6:41 PM
Dillon moved this task from Ready to In Progress on the Moderator-Tools-Team (Kanban) board.

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

[mediawiki/extensions/PersonalDashboard@master] Consolidate the Review Changes experiences on desktop and mobile

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

Change #1327584 merged by jenkins-bot:

[mediawiki/extensions/PersonalDashboard@master] Consolidate the Review Changes experiences on desktop and mobile

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

Change #1314871 abandoned by Dillon:

[mediawiki/extensions/PersonalDashboard@master] Design enhancements for Review Changes with "Show more" button

Reason:

Superseded by 1327584

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