Page MenuHomePhabricator

Access from the footer of an article needs adjustment
Closed, ResolvedPublic2 Estimated Story Points

Assigned To
Authored By
Pginer-WMF
Jul 29 2024, 9:10 AM
Referenced Files
F58516922: image.png
Feb 28 2025, 5:16 AM
F58516827: image.png
Feb 28 2025, 4:52 AM
F58491551: Artboard.png
Feb 25 2025, 5:01 PM
F58491548: Artboard Copy.png
Feb 25 2025, 5:01 PM
F58484946: en.mediawiki.mwdd.localhost_8080_wiki_Cat(iPhone SE).png
Feb 25 2025, 6:09 AM
F56922804: Stubs - Proposed.png
Aug 2 2024, 2:03 PM
F56762355: ig.m.wikipedia.org_wiki_%E1%BB%8Cnwa(Wiki Mobile).png
Jul 29 2024, 9:10 AM

Description

As part of MinT for Wiki Readers MVP (T359072), an entry point is provided at the footer of articles (T363338) as an easy way to access more content from other languages.

The initial implementation (using the Moon article in Igbo Wikipedia as an example looks like this:

ig.m.wikipedia.org_wiki_%E1%BB%8Cnwa(Wiki Mobile).png (568×320 px, 45 KB)

There are some aspects that are not aligned with the specification defined in T363338:

  • Group title. Currently the card is listed right after the "Related pages" group. The proposal is to add a similar "Automatic translations" label before the card.
  • Link destination. Currently tapping on the card leads users directly to the Translation View. The proposal is to link to the "Confirm" step (T359512) instead.

Stubs - Proposed.png (602×320 px, 48 KB)

Event Timeline

Pginer-WMF triaged this task as Medium priority.
Nikerabbit raised the priority of this task from Medium to High.Feb 17 2025, 8:14 AM
Nikerabbit set the point value for this task to 2.

Change #1122175 had a related patch set uploaded (by Huei Tan; author: Huei Tan):

[mediawiki/extensions/ContentTranslation@master] T371226 Add a title for the footer articles from MinT

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

Screenshot in the patch:

en.mediawiki.mwdd.localhost_8080_wiki_Cat(iPhone SE).png (1×750 px, 191 KB)

It is great to see the groups have their own title. For the groups to be perceived more intuitively, it would be great to adjust a bit the spacing.
I'd propose to reduce the separation above the "Automatic translations" label and increase the separation before the "Related pages" label.

You can inspect this in more detail in Figma. More than the exact pixels, it is important to keep the separations proportional to help the reader brain to group related elements together more easily. The general idea is to have a common separation for the list that is larger than the separations between elements in such lists. Below soem annotations of the current patchset version and the proposed one:

CurrentProposed
Artboard Copy.png (789×444 px, 123 KB)
Artboard.png (602×320 px, 46 KB)

I'd propose to reduce the separation above the "Automatic translations" label and increase the separation before the "Related pages" label.

The margin top above (Automatic Translations / Related Pages) is 42px, we can't change that, it's within the MinervaNeue skin scope.
The padding between "Related Article" heading card, we can't change that, it's within the Related Articles extension scope.

For the padding between heading "Automatic Translations" and card, we will use the same as the padding of Related Articles;

image.png (1×640 px, 191 KB)

The latest screenshot looks like this

image.png (1×750 px, 174 KB)

Change #1122175 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] AX: Add a title for the footer articles from MinT

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

abi_ changed the task status from Open to In Progress.Mar 6 2025, 5:46 AM

The latest screenshot looks like this

image.png (1×750 px, 174 KB)

Perfect. The spacing looks much better now, making it easier to visually identify both groups.
Thanks for the adjustments, and identifying/reporting the technical limitations in this area!