Page MenuHomePhabricator

[User links] Add/replace icon for "Uploads" menu item
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Description

Description

Currently the Uploads menu item on Commons is missing an icon.

Screen Shot 2021-08-23 at 3.10.53 PM.png (340×373 px, 21 KB)

To do

  1. add an icon to Uploads menu item on Commons
  2. update the icon for the Uploaded media in the Wikipedia so it matches

Icon to use: imageGallery
https://doc.wikimedia.org/oojs-ui/master/demos/dist/themes/wikimediaui/images/icons/imageGallery.svg

WikipediaCommons
Screen Shot 2021-08-19 at 7.14.07 PM.png (401×368 px, 33 KB)
image.png (350×392 px, 35 KB)

QA Results - Beta

ACStatusDetails
1T288541#7330929
2T288541#7330929

QA Results - Prod

ACStatusDetails
1T288541#7330939
2T288541#7330939

Event Timeline

Jdlrobson subscribed.

This is an issue in the extension UploadsLink (not sure who maintains that)

The menu item doew not specify an icon key, and when that happens, we do not show an icon, so this is working as expected, but easy enough to fix:
https://gerrit.wikimedia.org/g/mediawiki/extensions/UploadsLink/+/4d9da4ba15af0e85717041f10aaf8b1e4cd6cf11/includes/UploadsLinkHooks.php#37

What icon should be shown here?
https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=desktop

Screen Shot 2021-08-10 at 10.24.40 AM.png (94×186 px, 4 KB)
or something else?

@Jdlrobson I'm looking at the differences between the Uploaded media item in Wikipedia user menu, and the Uploads item in the Commons user menu. They both seem to lead to the same page, though the URLs are slightly different:

On Wikipedia we use the Commons logo for that menu item:

legacy VectorVector
Screen Shot 2021-08-11 at 10.59.20 AM.png (163×226 px, 17 KB)
Screen Shot 2021-08-11 at 10.59.00 AM.png (318×239 px, 16 KB)

In Legacy vector there isn't an icon for the menu item on Commons.

@mwilliams curious what you think might be best here? Some options I see:

  • use the Commons icon on Wikipedia, and the standard Upload icon on Commons
  • use the Commons icon on both Wikipedia & Commons
  • use the standard Upload icon on both Wikipedia & Commons

I'm not sure if I have all the right context here and I'm having some trouble reproducing everything on my own but my initial reaction is either your first or third option Alex.

• Use the Commons icon on Wikipedia, and the standard Upload icon on Commons
• Use the standard Upload icon on both Wikipedia & Commons

Using the Commons icon to mean something while already on Commons seems like a stretch. I don't mind it not being consistent between the two with option 1, since it could help folks know that uploaded media happens on Commons. Also makes me wonder if we need any indication that this link will open up a new page/site. Option 3 seems like a safe and consistent approach.

LGoto set the point value for this task to 2.Aug 12 2021, 5:38 PM

Would imageGallery make sense?

image.png (39×140 px, 2 KB)

@AntiCompositeNumber imageGallery makes sense to me, and I imagine is more meaningful to newcomers than the Commons logo. Here is how it looks:

WikipediaCommons
Screen Shot 2021-08-19 at 7.14.07 PM.png (401×368 px, 33 KB)
image.png (350×392 px, 35 KB)

@mwilliams thoughts?

@alexhollender That seems reasonable to me!

alexhollender_WMF renamed this task from Commons user links menu missing uploads icon to [User links] Add/replace icon for "Uploads" menu item.Aug 23 2021, 7:11 PM
alexhollender_WMF removed alexhollender_WMF as the assignee of this task.
alexhollender_WMF updated the task description. (Show Details)

Change 714603 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/extensions/ContentTranslation@master] Update 'Uploaded media' menu link icon from logoWikimediaCommons to imageGallery

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

Change 714602 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/skins/Vector@master] Add imageGallery icon for UploadsLink and ContentTranslation menu links

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

Change 714600 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/extensions/UploadsLink@master] Define an icon so the UploadsLink displays properly in Vector's user menu

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

bwang removed bwang as the assignee of this task.Aug 24 2021, 5:00 PM
bwang moved this task from Doing to Code Review on the Web-Team-Backlog (Kanbanana-FY-2021-22) board.
bwang subscribed.

Change 714602 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Add imageGallery icon for UploadsLink and ContentTranslation menu links

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

Change 714603 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] Update 'Uploaded media' menu link icon from logoWikimediaCommons to imageGallery

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

Change 714600 merged by jenkins-bot:

[mediawiki/extensions/UploadsLink@master] Define an icon so the UploadsLink displays properly in Vector's user menu

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

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Big Sur
Browser: Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

add an icon to Uploads menu item on Commons
update the icon for the Uploaded media in the Wikipedia so it matches
Icon to use: imageGallery
https://doc.wikimedia.org/oojs-ui/master/demos/dist/themes/wikimediaui/images/icons/imageGallery.svg

⬜ AC1: Wikipedia
Not available on beta. Alex says Jon may have to change something on beta. Low design risk so prod test is acceptable.

✅ AC2: Commons

Screen Shot 2021-09-01 at 5.27.43 AM.png (506×1 px, 137 KB)

Edtadros subscribed.

Test Result - prod

Status: ✅ PASS
Environment: enwiki, commons
OS: macOS Big Sur
Browser: Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

add an icon to Uploads menu item on Commons
update the icon for the Uploaded media in the Wikipedia so it matches
Icon to use: imageGallery
https://doc.wikimedia.org/oojs-ui/master/demos/dist/themes/wikimediaui/images/icons/imageGallery.svg

✅ AC1: Wikipedia

Screen Shot 2021-09-03 at 6.36.37 AM.png (455×1 px, 122 KB)

✅ AC2: Commons

Screen Shot 2021-09-03 at 6.38.09 AM.png (455×1 px, 187 KB)