[MGNLUI-4905] Header polish: unify hover/click pattern 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

Issue Links:
dependency
depends upon MGNLUI-4904 Header polish: unify header boxes and... Closed
is depended upon by MGNLUI-5012 DOC: Update pages that focus on the A... 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)
Epic Link: M6 Header, tasks, notifs
Sprint: Features 5
Story Points: 5

 Description   

To unify the hover/click pattern for the menu items we introduce a little arrow in top right corner of menu box.

  • See fx. this mockup https://zpl.io/bAqLJ1p
  • The arrow has font size 16px
  • On hover show a grey circle, color 16x16px, same style as other icon buttons
  • For tasks & notifs: clicking the arrow opens the app
  • For user profile: clicking:the arrow shows the select menu (edit user profile & logout)
  • Change icon in profile select menu from user to settings icon (because we now use the user icon in the header already)

 


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