Page MenuHomePhabricator

IP masking: remove username from mobile main menu and desktop
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Description

Follow up to T339380.

Currently the username appears in menus in Minerva. It looks clickable but isn't clickable. It is confusing and bad UX to have it not be a link, so we should remove it.

Since the username is in the banner at the top of the page, it would be acceptable to remove these. The recommendation from @KStoller (on T335546#8881821) and @RHo on Growth is that is would be preferred to not display the username at all.

Current versionProposedNotes
Desktop
image.png (2,396×1,506 px, 1 MB)
image.png (2,880×2,160 px, 1 MB)
Removes non-clickable User page item from personal tools menu for temp accounts
Mobile menu
image.png (342×592 px, 23 KB)
Screenshot 2023-08-04 at 8.11.57 AM.png (1,856×778 px, 108 KB)
Removes non-clickable user page menu item (consistent with desktop)

TODO

  • update core to omit the username menu item for temporary users as it is in the banner

QA Steps

Test on https://patchdemo.wmflabs.org/wikis/15aec534f4/wiki/Main_Page
Cannot be tested in production.

Vector 2022

  • Visit desktop site
  • Edit a page

Expected: banner shows username, no additional reference of user name in menu

MinervaNeue

  • Visit mobile site
  • Edit a page

Expected: banner shows username, no additional reference of user name in side menu

Other skins

Other skins do not currently have support for IP masking banner so no need to test. See T339377 for details on why.

QA Results - Local

ACStatusDetails
1✅Desktop T340152
2✅Mobile menu T340152

Event Timeline

End session is updated to include temp name.

Could this also be done on Vector? The menu items are the same and we don't currently have a good way of changing them on a per-skin basis.

Jdlrobson renamed this task from Consider removing username from skin menus to IP masking: Consider removing username from skin menus.Jun 22 2023, 6:15 PM
Jdlrobson updated the task description. (Show Details)
RHo attached a referenced file: F37070374: image.png. (Show Details)
RHo attached a referenced file: F36965009: image.png. (Show Details)
RHo attached a referenced file: F37070366: image.png. (Show Details)
RHo attached a referenced file: F36964967: image.png. (Show Details)
ovasileva triaged this task as Medium priority.Jul 10 2023, 7:57 PM
LGoto set the point value for this task to 2.Jul 13 2023, 5:45 PM
Jdlrobson changed the task status from Open to Stalled.EditedJul 31 2023, 5:45 PM

This is not ready. The estimation above was based on being able to make the change in Vector/Vector 2022 too: T340152#8957026

Specifically would it be acceptable to do this:

image.png (281×152 px, 10 KB)

(If not we'll have to explore a CSS solution to hide the label inside Vector 2022 skin).

This is not ready. The estimation above was based on being able to make the change in Vector/Vector 2022 too: T340152#8957026
Specifically would it be acceptable to do this:

image.png (281×152 px, 10 KB)

(If not we'll have to explore a CSS solution to hide the label inside Vector 2022 skin).

Hiya, I think this would be acceptable but would ask for it to be style to be less prominent and interactive looking, using the same styling as the username link but disabled. Also, if we have the temp username now, then the "End session: TempUsername" menu item can be updated to remove the username:

image.png (358×210 px, 18 KB)

Secondly I wanted to check if this means Minerva sidebar is will also show the username menu item as well? If so, would ask if it can be rendered similarly where it's clear the username is not navigable.

image.png (606×500 px, 37 KB)

Sorry I think I may have confused things. T

Secondly I wanted to check if this means Minerva sidebar is will also show the username menu item as well?

Deleting menu items is easy so that won't be rendered. Styling the menu item differently is difficult (but not impossible) due to the way we do the markup. Shipping different labels on Mobile/Desktop is most difficult.

Option 1) is the current rendering. No work needed if we want to keep it.

Screenshot 2023-08-04 at 8.09.36 AM.png (1,864×900 px, 121 KB)

Screenshot 2023-08-04 at 8.10.20 AM.png (560×378 px, 31 KB)

Option 2) The easiest thing to do would just be to remove the menu item on mobile and leave desktop untouched and rely on the username being in the banner. This is about an hours work:

Screenshot 2023-08-04 at 8.11.57 AM.png (1,856×778 px, 108 KB)

Option 3) Alternatively we could change the label per your screenshot but this will have the side effect of also changing Vector 2022. This is about half a days work.

image.png (400×616 px, 26 KB)
image.png (281×152 px, 10 KB)

Styling the username in exit session different from link should be possible but I haven't checked.

Option 4) would be restyling the label. We could try this but it's likely going to me more than the points we allocated for this ticket as we would need to refactor the menu code in the mobile site to support this. This would likely be around 3-5 days work.

image.png (606×500 px, 37 KB)

Which is your preferred option?

Sorry I think I may have confused things. T

Secondly I wanted to check if this means Minerva sidebar is will also show the username menu item as well?

Deleting menu items is easy so that won't be rendered. Styling the menu item differently is difficult (but not impossible) due to the way we do the markup. Shipping different labels on Mobile/Desktop is most difficult.

Option 1) is the current rendering. No work needed if we want to keep it.

Screenshot 2023-08-04 at 8.09.36 AM.png (1,864×900 px, 121 KB)

Screenshot 2023-08-04 at 8.10.20 AM.png (560×378 px, 31 KB)

Option 2) The easiest thing to do would just be to remove the menu item on mobile and leave desktop untouched and rely on the username being in the banner. This is about an hours work:

Screenshot 2023-08-04 at 8.11.57 AM.png (1,856×778 px, 108 KB)

Option 3) Alternatively we could change the label per your screenshot but this will have the side effect of also changing Vector 2022. This is about half a days work.

image.png (400×616 px, 26 KB)
image.png (281×152 px, 10 KB)

Styling the username in exit session different from link should be possible but I haven't checked.

Option 4) would be restyling the label. We could try this but it's likely going to me more than the points we allocated for this ticket as we would need to refactor the menu code in the mobile site to support this. This would likely be around 3-5 days work.

image.png (606×500 px, 37 KB)

Which is your preferred option?

Hiya - I think Option 2 if I understand you correctly that the Username would not be in the mobile or desktop? Else Option 1 works if it is at all possible to change the styling.

Jdlrobson renamed this task from IP masking: Consider removing username from skin menus to IP masking: remove username from mobile main menu.EditedAug 4 2023, 8:37 PM
Jdlrobson renamed this task from IP masking: remove username from mobile main menu to IP masking: remove username from mobile main menu and desktop .
Jdlrobson changed the task status from Stalled to Open.
Jdlrobson updated the task description. (Show Details)
Jdlrobson updated the task description. (Show Details)

Sounds good. I updated task description to reflect my understanding.

Jdlrobson updated the task description. (Show Details)

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

[mediawiki/skins/MinervaNeue@master] Remove user page from menu for temp users

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

Currently a popup notification appears over the user page link when a temp user account is created. Now that we are removing the user page link, i assume the tooltip should go over the temp account number in the toolbar? https://phabricator.wikimedia.org/F37393202

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

[mediawiki/core@master] Avoid showing userpage link for temp accounts

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

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

[mediawiki/skins/Vector@master] Remove unnecessary styles about temp user page

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

bwang removed bwang as the assignee of this task.Aug 10 2023, 5:02 PM
Jdlrobson added a subscriber: JScherer-WMF.

We discussed this in the sprint and agreed with @JScherer-WMF that it made sense to point the overlay at the banner.

Change 947888 merged by jenkins-bot:

[mediawiki/core@master] Avoid showing userpage link for temp accounts

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

Change 947890 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Remove unnecessary styles about temp user page

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

Change 947878 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Remove user page from menu for temp users

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

Status: ✅ PASS
Environment: Local
Minerva Patch 94b339d90595dad21bb6867f22f5fb530169b840, Thu Aug 10 21:45:47 2023 +0000
OS: macOS Ventura
Browser: Chrome
Device: MBP
Emulated Device:NA
Test Links:
Desktop: http://localhost:8080/w/index.php?title=Beer&mobileaction=toggle_view_desktop
Mobile: http://localhost:8080/w/index.php?title=Beer&mobileaction=toggle_view_mobile

✅AC1: Desktop- banner shows username, no additional reference of user name in menu
Temp user name does not show but "Log in" and "Create account" is switched along "Exit session" says "End session" when compared to the pic in the description

T340152_IpMasking_Minerva2.png (2,292×797 px, 185 KB)

✅AC2: Mobile- banner shows username, no additional reference of user name in side menu
Temp user name does not show but the side menu has "Contribute" and "Nearby" missing compared to the pic in the description

T340152_IpMasking_Minerva1.png (756×980 px, 72 KB)

Looks good. Resolving.

Currently the username appears in menus in Minerva. It looks clickable but isn't clickable. It is confusing and bad UX to have it not be a link, so we should remove it.

There is precedent for unclickable usernames in p-personal. For example

image.png (746×55 px, 5 KB)

Personally I would be in favor of having the temporary account name displayed, for the reasons I outlined in T373273