[MGNLUI-4904] Header polish: unify header boxes and add user name Created: 17/Dec/18  Updated: 27/Feb/19  Resolved: 27/Feb/19

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.1

Type: Improvement Priority: Neutral
Reporter: Anja von Gunten Assignee: Milan Divilek
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File text-not-same-line.png    
Issue Links:
Relates
relates to MGNLUI-4908 Header polish: restyle env. sticker f... Closed
causality
is causing MGNLUI-5012 DOC: Update pages that focus on the A... Closed
dependency
is depended upon by MGNLUI-4905 Header polish: unify hover/click pattern Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: M6 Header, tasks, notifs
Sprint: Features 5
Story Points: 5

 Description   

 We want to add user name to the header. For that we need some visual re-arrangements.

Adjust menu boxes widths

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 

 



 Comments   
Comment by Sang Ngo Huu [ 26/Feb/19 ]

Small thing from QA: Text in header blocks are not in the same base-line

Easily see superuser is higher than others

Generated at Mon Feb 12 09:21:16 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.