Page MenuHomePhabricator

User card in mobile diff is way too big
Closed, DuplicatePublic

Description

This is currently how this diff looks like: https://www.wikidata.org/w/index.php?title=Wikidata:Requests_for_deletions&diff=prev&oldid=2236024225

grafik.png (2×1 px, 388 KB)

Basically beside the section name, you can't see any change (without scrolling). The user card has even less information on users without user rights:

grafik.png (2×1 px, 372 KB)

The one I have is firefox on Samsung S23. Note that Firefox developer simulation gives a different view and is incorrect.

Event Timeline

I'd argue here that the issue is not the panel at the bottom (which has always been there for some time) but the introduction of the "Visual diff", "Browse history interactively" links added by the visual diff feature From the history it looks like all these features were added for desktop with limited design input on mobile.

The page actions bar and title bar also seems to take up unnecessary space here so perhaps that could be tweaked some how to improve the display.

I suggest renaming this task "Reassess mobile diff page design"

Jdlrobson triaged this task as Medium priority.Jan 6 2025, 6:42 PM
Jdlrobson-WMF subscribed.

Did something change here? I'm now seeing "Classical view" label on the button. I am not sure which team is actively working on the diff page but that is who this ticket should be redirected too!

Jdlrobson-WMF added a subscriber: Scardenasmolinar.

@Scardenasmolinar is currently looking at this exact element. Could you get your designer to weigh in?

We are planning on redesigning the Diff footer on mobile to incorporate more elements like the undo button. These are the design mocks: {T402297#11221166}. We are also refactoring how the mobile Diff footer is built because of a bug in Visual Diff that obscures the Thank button: T357352: Thanks button is obscured on mobile diffs in visual diff mode.