Page MenuHomePhabricator

Style desktop Minerva diff page to look like Special:MobileDiff
Closed, ResolvedPublic

Description

https://en.wikipedia.org/w/index.php?title=NERVA&diff=1177674303&useskin=minerva&diff-type=inline&diffonly=1 looks very different from https://en.m.wikipedia.org/w/index.php?title=Special:MobileDiff/1177674303

Let's converge these pages and styles (when running in mobile mode) so that Special:MobileDiff is no longer needed and thus can be removed.

proposal

  • Add the following HTML to the diff page (hidden by default, revealed by Minerva)

{F37835221}

  • Add CSS to Minerva to hide the boxes and use JS to create a box at bottom.

Related Objects

StatusSubtypeAssignedTask
Declineddchen
OpenNone
OpenNone
DuplicateNone
OpenFeatureNone
OpenBUG REPORTNone
OpenNone
StalledNone
OpenFeatureNone
DuplicateNone
ResolvedNone
OpenNone
OpenNone
OpenFeatureNone
OpenNone
ResolvedNone
ResolvedNone
OpenFeatureNone
OpenNone
ResolvedHalfak
OpenNone
OpenNone
OpenFeatureNone
StalledNone
OpenNone
OpenNone
OpenNone
ResolvedPetrb
OpenNone
OpenNone
Resolvedtstarling
OpenNone
DeclinedNone
ResolvedBUG REPORTJdlrobson
ResolvedNone
ResolvedJdlrobson

Event Timeline

I might be wrong here but the diff with mobile with #e07076 and #222 violates AAA WCAG contrast check, also the color of none of the diffs are from the color palette.

I might be wrong here but the diff with mobile with #e07076 and #222 violates AAA WCAG contrast check, also the color of none of the diffs are from the color palette.

Right now I'm just focused on the technical parts. We can ship different diff colors on a different skin or we can keep them the same.
The issue you talk about is in T90948

Jdlrobson triaged this task as Medium priority.Dec 9 2021, 7:45 PM

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

[mediawiki/skins/MinervaNeue@master] Style the desktop diff page of Minerva to look like Special:MobileDiff

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

I looked into this today.

Here is a proposed styling of the diff page

Screenshot 2023-09-29 at 4.09.12 PM.png (888×587 px, 141 KB)

The only difference from the existing mobile diff page would be

  1. the use of blue and yellow with legend (instead of red and green) - a longstanding feature request
  2. the page actions would replace the need for the existing edit link, and the "Page" tab would replace the link to the page title

Screenshot 2023-09-29 at 4.11.52 PM.png (250×1 px, 29 KB)

If this is acceptable, this would require the following tickets to be realized:
T347780, T347779

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

[mediawiki/core@master] Diff: Skins should be able to determine whether they present no comment

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

Test wiki created on Patch demo by Jdlrobson using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/7c3957d2e6/w

Change 965260 merged by jenkins-bot:

[mediawiki/core@master] Diff: Skins should be able to determine whether they present no comment

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

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

[mediawiki/core@master] DifferenceEngine: Wrap edit, undo thank link tools with CSS parentheses

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

Change 965789 merged by jenkins-bot:

[mediawiki/core@master] DifferenceEngine: Wrap edit, undo thank link tools with CSS parentheses

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

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

[mediawiki/core@master] Diffs should share unix timestamp instead of mediawiki timestamp

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

Please also test with revision deleted content, at the moment the data-timestamp is not provided when the user cannot see the content of the revision. Maybe move that data up to the td with class=diff-otitle/diff-ntitle

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

[mediawiki/extensions/Thanks@master] Thanks should use Codex classes for thanks link on Minerva

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

Change 967265 merged by jenkins-bot:

[mediawiki/core@master] Diffs: Use JS friendly data timestamp instead of mediawiki timestamp

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

Change 962095 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Style the desktop diff and history page of Minerva to look like mobile pages

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

Jdlrobson added a subscriber: jsn.sherman.

The mobile diff page and desktop diff page are now styled consistently:

ResolutionMobile URLScreenshot of MobileDiffDesktop URLScreenshot of Desktop diff
MobileURL
Screenshot 2023-10-31 at 11.13.06 AM.png (804×723 px, 104 KB)
URL
Screenshot 2023-10-31 at 11.18.55 AM.png (800×528 px, 91 KB)
DesktopURL
Screenshot 2023-10-31 at 11.14.02 AM.png (806×1 px, 103 KB)
URL
Screenshot 2023-10-31 at 11.15.17 AM.png (803×1 px, 154 KB)

Thanks @jsn.sherman for the help with this one!

I realized through T356711 that converging the page styles includes hiding the page content below diffs, overriding the user’s preferences by rewriting the URL. Preferences are there to be honored, why do you ignore them?

I also noticed that title= is included in the URL twice (e.g. https://commons.wikimedia.org/w/index.php?title=Template:ISBN/i18n/en&diff=prev&oldid=407133627&title=Template%3AISBN%2Fi18n%2Fen&diffonly=1), which is clearly a bug (although not one that matters much).

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

https://patchdemo.wmflabs.org/wikis/7c3957d2e6/w/