[MGNLUI-8481] Implement tooltips for the Action Bar Created: 23/Oct/23  Updated: 14/Dec/23  Resolved: 23/Nov/23

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

Type: Task Priority: Neutral
Reporter: Laura Delnevo Assignee: Lam Nguyen Bao
Resolution: Fixed Votes: 0
Labels: dx-core-6.3, searchx
Remaining Estimate: Not Specified
Time Spent: 4d 7.5h
Original Estimate: Not Specified

Attachments: JPEG File Tooltip-i13.jpg     JPEG File screen mockup - i13.jpg    
Issue Links:
Cloners
is cloned by MGNLUI-8538 Styling of tooltips Closed
documentation
to be documented by ADMINCTR-509 DOC: Update Action bar documentation Closed
to be documented by MGNLUI-8540 Docu update on tooltip for action bar Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Documentation update required:
Yes
Epic Link: SearchX 1. In-App search & Top Nav
Story Points: 5
Work Started:
Approved:
Yes

 Description   

This task aims to implement tooltips for the Action Bar for readability and accessibility

ACs

  • On mouse over, the action in the Action Bar will show the tooltip
  • The action on mouse-over is highlighted with a lighter grey
  • The tooltip behaviour
    • Wait 0.3–0.5 second after the mouse cursor enters target area before showing tooltip
    • If the mouse cursor remains stopped within target area, display tooltip content within 0.1 second
    • Keep displaying tooltip until the cursor has left the triggering target area or the exposed content for longer than 0.5 seconds.

Designs

 



 Comments   
Comment by Laura Delnevo [ 22/Nov/23 ]

SOC approved and followed up by the improvement ticket MGNLUI-8538

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