Details
-
Improvement
-
Resolution: Done
-
Neutral
-
None
-
None
-
None
-
-
Empty show more show less
-
Features 5
-
5
Description
We want to add user name to the header. For that we need some visual re-arrangements.
Adjust menu boxes widths
- Unify widths of 4 boxes on right side of header (tasks, notifs, env. info, user)
- See fx. this mockup https://zpl.io/bAqLJ1p
- All of them have the same widths
- < bp1 : 88px
- > bp1 : 100px
- > bp2 : 113px
- Check responsive sizes here https://app.zeplin.io/project/5acc848ede054e0a4865f805/dashboard?seid=5acc9f98a512b487476f970d
Add user icon and user name
- Change hamburger icon to user icon
- Verify that all icons have the same size, 21px
- Add user name under the user icon
- If more than 12 characters, show ellipsis
Change color of all captions
- Captions are the small text below the icons
- Color #232323, opacity 50%
- font style: text-light
Checklists
Acceptance criteria
Attachments
Issue Links
- is causing
-
MGNLUI-5012 DOC: Update pages that focus on the Admincentral header (new arrow)
-
- Closed
-
- is depended upon by
-
MGNLUI-4905 Header polish: unify hover/click pattern
-
- Closed
-
- relates to
-
MGNLUI-4908 Header polish: restyle env. sticker from fill to outline
-
- Closed
-