Page MenuHomePhabricator

Incorporate better visual layout of contributions page on Minerva, inspired by old design
Open, MediumPublic

Description

We currently use the desktop HTML for the mobile version of the contributions page.
We should consider updating the Minerva contributions page with some of the good ideas in the previous design. These are:

  • Group by date
  • Show bytes and time to the left for better visual scanning
  • Larger touch areas for links
  • Display of user icon for better recognition about what the page is about.

Screenshots

PagePrevious designExisting design
Contributions
Screen Shot 2021-11-30 at 8.34.06 AM.png (1×942 px, 165 KB)
Screenshot 2024-03-21 at 9.31.20 AM.png (736×990 px, 119 KB)
History
Screen Shot 2021-11-30 at 8.35.20 AM.png (1×942 px, 198 KB)
Screenshot 2024-03-21 at 9.32.00 AM.png (779×1 px, 100 KB)

DEVELOPER NOTES

Styling should occur via a skinStyle defined on the mediawiki.pager.styles module.

There is a problem on Special:Contributions with the invisible ‎ code. It pushes the title down further than it should. I will create a bug, but a patch exists with some discussion.

Event Timeline

Jdlrobson added a project: User-Jdlrobson.
Jdlrobson updated the task description. (Show Details)

Change 499268 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] POC: History/contributons page is styled consistently with mobile pages

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

Change 499839 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/core@master] History styles marked as available on mobile

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

Change 499839 merged by jenkins-bot:
[mediawiki/core@master] History styles marked as available on mobile

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

Change 499268 abandoned by Jdlrobson:
Recent changes/watchlist/contributions page is styled consistently with mobile pages

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

Change 730590 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/core@master] Special:Contributions has list headers

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

The goal here is to make the page flexible enough to support skins presenting it as they wish. Vector could present this as a table if necessary. This work should help T121389 if anything :)

I should note tables don't map well to the mobile medium without removing information so I'm not sure a table display makes sense unless its desktop resolution only.

Change 733027 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] Add list headers to Special:Contributions

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

It would be helpful to have a before and after screenshot in the task description.

Jdlrobson triaged this task as Medium priority.Nov 30 2021, 4:37 PM
Jdlrobson updated the task description. (Show Details)

Change 733027 abandoned by Jdlrobson:

[mediawiki/skins/MinervaNeue@master] WIP: Add list headers to Special:Contributions

Reason:

Proof of concept. Analysis done.

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

It would be helpful to have a before and after screenshot in the task description.

@Volker_E - for now, the "after" is expected to be the same as the AMC version. We can make some smaller design changes later on to make sure the page is ready for a wider audience, but not as a part of this task - I'll clarify in the task description

Jdlrobson renamed this task from Skin Contributions and History pages in Minerva for consistency with their mobile replacements to Skin Contributions page in Minerva for consistency with their mobile replacements.Jan 11 2022, 1:56 AM
Jdlrobson updated the task description. (Show Details)

Change 733027 restored by Jdlrobson:

[mediawiki/skins/MinervaNeue@master] WIP: Add list headers to Special:Contributions

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

Test wiki created on Patch demo by Jdlrobson using patch(es) linked to this task:

https://patchdemo.wmflabs.org/wikis/d6efd56b19/w/

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

https://patchdemo.wmflabs.org/wikis/d6efd56b19/w/

Change 733027 abandoned by Jdlrobson:

[mediawiki/skins/MinervaNeue@master] WIP: non-AMC special pages

Reason:

Proof of concept. Delaying this work until later when a few other things have been done.

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

Jdlrobson renamed this task from Skin Contributions page in Minerva for consistency with their mobile replacements to Incorporate better visual layout of contributions page on Minerva, inspired by old design.Feb 1 2022, 11:58 PM
Jdlrobson updated the task description. (Show Details)

This no longer belongs in technical backlog as it requires design and product input.