Implement sidebar user menu
What does this MR do and why?
Adds user menu to the super sidebar.
How to set up and validate locally
Prepare
- Enable the feature flag:
echo "Feature.enable(:super_sidebar_nav)" | rails c
- Make sure to run
yarn install
as the MR is based on a new feature in gitlab/ui which is in review. That version will be merged before this MR. That's the reason why MR is set toDraft
as well as why theMerger Requests
menu looks unstyled. - Enable the user setting from the user dropdown:
- The super sidebar should now appear on every page.
- User menu is in the top right corner of the navigation sidebar
- Click on it, make sure that all links are navigatable, that you can set/update/ clear status and that it is updated in the dropdown, also that you can perform sign-out.
Known issues
- When tabbing to the dropdown toggle (avatar) or pressing
Esc
in the dropdown the focus is set on the toggle container instead of its content so the focus ring is square instead of rounded. This will be fixed with gitlab-ui#2143 (closed) (Here is the MR gitlab-ui#2143 (closed)) - The dropdown is positioned to the left of the toggle in the design but apparently, it does not have enough space to fit on the left so it is automatically flipped to the right of the toggle.
- The menu is missing
Buy Pipeline minutes
menu item. It is complicated on its own so this will be done in scope of the follow-up.
Related to #385749 (closed)
Edited by Olena Horal-Koretska