[MGNLUI-2797] Show clear focus and hover states on buttons Created: 14/Apr/14  Updated: 08/May/14  Resolved: 06/May/14

Status: Closed
Project: Magnolia UI
Component/s: design
Affects Version/s: 5.2.3, 5.2.4
Fix Version/s: 5.2.x, 5.3

Type: Bug Priority: Blocker
Reporter: Andreas Weder Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: quickwin, ux
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File 1 Hover state of buttons.png     PNG File 2 Focus state of buttons.png     PNG File 3 Hover & focus state of buttons.png    
Issue Links:
relation
is related to MGNLUI-2673 Support of ESC and ENTER in dialogs, ... Closed
is related to MGNLUI-2672 Orange default button color not clear... Closed
is related to MGNLUI-1978 As a user field focussing and tabbing... Closed
is related to MGNLUI-2514 Refine visual design of alerts Closed
is related to MGNLDAM-440 Change FilePreviewComponent and DamUp... 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)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 Description   

We fixed a series of usability and design issues of alerts, dialogs and their buttons. As a result, the default button and its position are clear and consistent now, and the alerts look properly designed.

We still have one remaining issue, which we now managed to design properly: we have to better distinguish between hover and focus states:

  • We want dark buttons as hover state, as the current light ones are irritating and unconventional
  • We have to clearly indicate, if a button has the keyboard focus. We used to hijack the hover state for this, but that doesn't work.

This is actually a minor change, but it must be completed to complete the picture and in order to tick off all related support issues.



 Comments   
Comment by Andreas Weder [ 14/Apr/14 ]

Attach images showing the two new states and their combination.

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