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 (1×2 px, 1 MB)
image.png (2×2 px, 1 MB)
Removes non-clickable User page item from personal tools menu for temp accounts
Mobile menu
image.png (592×342 px, 23 KB)
Screenshot 2023-08-04 at 8.11.57 AM.png (778×1 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.

Desktop Improvements (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
1Desktop T340152
2Mobile 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 (152×281 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 (152×281 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 (210×358 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 (500×606 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 (900×1 px, 121 KB)

Screenshot 2023-08-04 at 8.10.20 AM.png (378×560 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 (778×1 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 (616×400 px, 26 KB)
image.png (152×281 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 (500×606 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 (900×1 px, 121 KB)

Screenshot 2023-08-04 at 8.10.20 AM.png (378×560 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 (778×1 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 (616×400 px, 26 KB)
image.png (152×281 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 (500×606 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

Jdlrobson removed GMikesell-WMF as the assignee of this task.
Jdlrobson added a subscriber: GMikesell-WMF.

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 (797×2 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 (980×756 px, 72 KB)

Looks good. Resolving.