[ADMINCTR-495] Implement tooltips for the Top Navigation buttons Created: 23/Oct/23  Updated: 14/Dec/23  Resolved: 27/Nov/23

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

Type: Task Priority: Neutral
Reporter: Laura Delnevo Assignee: Miguel Martinez
Resolution: Done Votes: 0
Labels: dx-core-6.3, searchx
Remaining Estimate: 0d
Time Spent: 1d 6.75h
Original Estimate: Not Specified

Attachments: JPEG File Hover screen mockup - i13.jpg     JPEG File Tooltip-i13.jpg    
Issue Links:
Relates
relates to ADMINCTR-492 Update the UI of the top navigation, ... Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Documentation update required:
Yes
Epic Link: SearchX 1. In-App search & Top Nav
Story Points: 2
Work Started:
Approved:
Yes

 Description   

This task aims to implement tooltips for the Top Navigation button for readability and accessibility

ACs

  • Top Nav buttons change the background color from white to grey on the mouse hovering
  • While mouse hovering each Top Nav buttons a tooltip indicating what each button/icon means will show up
  • 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 ]

Approved with follow-up ticket for refinements  ADMINCTR-498

Generated at Sun Feb 11 23:07:37 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.