User Story
- As an advanced user, I want all the navigational elements pertaining to my account to be collected in one place so that I can get to them quicker
- As an advanced user, I want quick access to the following pages, so that I don’t have to bookmark them: my sandbox, my contributions, my talk page, watchlist, settings
Background
As a part of the new navigation for AMC, we would like to separate all user-based actions into a separate menu
Acceptance criteria
The user menu will contain the following links:
- Username (navigates to user’s user page)
- Talk (navigates to user’s talk page)
- Sandbox
- Watchlist (navigates to user’s mobile watchlist)
- Contributions
- Log out
NOTE: these links (username, watchlist, contributions, log out) will be removed from the main menu
- There should NOT be any duplication between the main menu and user menu links
Design
Design notes
- currently there is ~72px of space between the Notification and Search icon for logged-in users. With the addition of the User icon we will need to decrease the spacing between the icons to ~50px, while maintaining the same amount of spacing to the right of the right-most icon (User icon).
Icons
| ltr | rtl | |
| contributions | ||
| sandbox | (same) | |
| talk | ||
QA
All testing may be performed on the beta cluster. E.g., https://en.m.wikipedia.beta.wmflabs.org/wiki/Dog.
- Some of the links from the main menu have moved to the user menu and a couple new ones were added. For _moved_ links, they should point to the same location as those in the main menu.
- There should be no redundancy between the menus. I.e., if a link appears in one menu, it should not appear in the other.
- No links have been removed. I.e., if a link is no longer in the main menu, it should appear in the user menu.
- Some links have been added. They should be valid and match those found in the Vector desktop sidebar.
- Some of the precarious toolbar styling was updated to make space for the new user menu icon. Be on the look out for visual regressions in the toolbar itself as well as overlays (notifications, search) and the main menu at different device screen breakpoint sizes (desktop, tablet, phone).
- The page action overflow menu was significantly refactored into a reusable component. Keep your eyes peeled for visual and functional regressions.
- Desktop Minerva (e.g., https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Dog&useskin=minerva) does not have a default mode even for logged out users.
-
TODO: GrowthExperiments instructions here.Growth is taking care of it, no need to QA - For all of the above: AMC and non-AMC mobile Minerva, and desktop Minerva (AMC is always on), each configuration should be tested in JavaScript and non-JavaScript mode.
