Page MenuHomePhabricator

Rollback link on mobile should be styled on Special:Watchlist, Special:RecentChanges and Special:Contributions
Closed, ResolvedPublic2 Estimated Story Points

Description

In mobile recent changes page and AMC's Special:Contributions page rollback links are shown as a free wandering links.

Note: The history page shows exactly how this should look and is working correctly.

IMG_20190908_184120_131.JPG (1×720 px, 133 KB)

QA steps

  1. Ask @Jdlrobson to make you a rollbacker on beta cluster using https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special%3AUserRights&user=Jdlrobson and ENABLE amc mode.
  2. Visit https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Arbitration_Committee_(English_Wikipedia)&action=history and check rollback link there
  3. Ensure Special:Contributions treatment of rollback link matches (https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:Contributions/Jdlrobson)
  4. Ensure Special:RecentChanges treatment of rollback link matches (https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:RecentChanges

)

Developer notes

the CSS rules for rollback link live in skinStyles/mediawiki.action.history.styles.less and should be moved to skinStyles/mediawiki.special.changeslist.less

Event Timeline

@Jdrewniak didn't we style these as buttons somewhere?

I wonder if the treatment of Undo on the History page would work here? I'm also fine with parentheses.

en.m.wikipedia.org_w_index.php_title=Uncut_Gems&action=history(iPhone 6_7_8).png (1×750 px, 157 KB)

Yeh that could work. How would it look with undo and revert? Would buttons be stacked vertically or horizontally?

Yeh that could work. How would it look with undo and revert? Would buttons be stacked vertically or horizontally?

Who sees both Undo and Revert/Rollback? Is it only admins? Given the variation in the string lengths across languages I think we'd need to do something like this:

image.png (669×377 px, 94 KB)

In T232284#5495762, @alexhollender wrote:

Yeh that could work. How would it look with undo and revert? Would buttons be stacked vertically or horizontally?

Who sees both Undo and Revert/Rollback? Is it only admins? Given the variation in the string lengths across languages I think we'd need to do something like this:

There's a rollbacker group on many wikis and they tend to outnumber admins. In enwiki alone there are more than 6K, though not sure of the percentage that uses mobile.

AMC's history page with concurrent undo/rollback links.

IMG_20190917_065121_973.jpg (1×720 px, 118 KB)

Ammarpad renamed this task from Rollback link on mobile should be enclosed in parentheses to Rollback link on mobile should be styled.Sep 20 2019, 9:50 PM
Ammarpad updated the task description. (Show Details)

@Alexhollender there are 2 issues here as we see it:

  1. We need to fix the styling of the rollback link so it doesn't look like a plain link but a button and is consistent with the history page.
  2. We want to move the undo and rollback links underneath the tags (based on your mock in T232284#5495762).

number 1 is likely a very easy task but number 2 is a little more tricky and if desired we will need to make some changes in core/desktop.

alexhollender_WMF added a subscriber: ovasileva.

@Alexhollender there are 2 issues here as we see it:

  1. We need to fix the styling of the rollback link so it doesn't look like a plain link but a button and is consistent with the history page.
  2. We want to move the undo and rollback links underneath the tags (based on your mock in T232284#5495762).

number 1 is likely a very easy task but number 2 is a little more tricky and if desired we will need to make some changes in core/desktop.

Ok well I think it's up to @ovasileva to decide whether or not we want to work on this right now

@alexhollender is it worth doing 1 given its super easy? I assume that is better than the status quo and would make RecentChanges/Contributions consistent with history page. Issue 2 currently impacts history page too.

@alexhollender is it worth doing 1 given its super easy? I assume that is better than the status quo and would make RecentChanges/Contributions consistent with history page. Issue 2 currently impacts history page too.

I'm not sure I understand what doing #1 looks like without also doing #2? Would it look like this T232284#5497938?

Jdlrobson renamed this task from Rollback link on mobile should be styled to Rollback link on mobile should be styled on Special:Watchlist, Special:RecentChanges and Special:Contributions.Sep 27 2019, 12:25 AM

Change 539595 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Style rollback link on RecentChanges, Contributions and Watchlist

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

after above change:

Screenshot 2019-09-27 at 11.05.28 AM.png (601×380 px, 67 KB)

Screenshot 2019-09-27 at 11.02.10 AM.png (468×380 px, 37 KB)

Screenshot 2019-09-27 at 11.02.30 AM.png (419×370 px, 53 KB)

I think it should use OOUI destructive (primary or non-primary) button to indicate that it will revert (destroy) all edits by a user.

This is out of scope for this task.
There is a whole project for the rollback link here https://phabricator.wikimedia.org/project/view/3862/ !

if the rollback link is fixed to use OOUI there, this will just work in mobile/Minerva.

@alexhollender During code review @nray asks whether the buttons should be the size they are in the history page or the watchlist

history:

Screenshot 2019-10-02 at 3.55.20 PM.png (79×356 px, 6 KB)

rc
rc.png (220×1 px, 58 KB)

contributions:
contributions.png (220×976 px, 49 KB)

watchlist:
watchlist.png (226×1 px, 53 KB)

Change 539595 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Style rollback link on RecentChanges, Contributions and Watchlist

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

@alexhollender During code review @nray asks whether the buttons should be the size they are in the history page or the watchlist

Smaller seems better here

Change 541340 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Consistent undo/rollback links across changelist pages

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

Change 541340 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Consistent undo/rollback links across changelist pages

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

@Jdlrobson Should this go into design review or qa next?

@Jdlrobson @nray here's what I'm seeing:

History pageContributionsRecent changesWatchlist
Screen Shot 2019-10-11 at 11.57.12 AM.png (665×373 px, 77 KB)
Screen Shot 2019-10-11 at 11.58.11 AM.png (667×375 px, 80 KB)
Screen Shot 2019-10-11 at 11.57.59 AM.png (665×372 px, 84 KB)
didn't see any rollback links

If this is the best we can get without getting into the territory of #2 as mentioned here by @Jdlrobson T232284#5520008, then let's move forward.

We'd need to make some HTML changes to have consistent placement of those buttons. If we want to do that I'd suggest a spike to start off with.

Sounds good - since rollback isn't available to everyone, I think we can live with this. Resolving.