[MGNLUI-5672] Add "Expanded" state to Vaadin Button Created: 19/Feb/20  Updated: 17/Oct/23  Resolved: 17/Oct/23

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

Type: Task Priority: Neutral
Reporter: Anja von Gunten Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: ux-improvement
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Bildschirmfoto 2020-02-19 um 09.19.37.png     PNG File Bildschirmfoto 2020-02-19 um 09.23.21.png    
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Date of First Response:
Epic Link: UX improvements

 Description   

Problem:

The icons for Extension slot (e.g. iux analytics) and Find bar filters are still state "active" even when the expandable areas are collapsed. They should switch to the state "default" (white bg).

The icon is a vaadin button. When it’s clicked the state "active" (and the grey background) is added to it.

Solution:

  • Change the background to white (transparent) while in state "active".
  • Add new state "expanded" to (findbar filter, extension slot…) and make it grey only on focus or when in state "expanded"

 

Note: not sure if following icons also need adjustment in this regard

  • find bar
  • app launcher
  • tasks arrow
  • notifications arrow

 


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