[ADMINCTR-498] Improve the tooltip displays on Top Nav Created: 22/Nov/23  Updated: 18/Dec/23  Resolved: 18/Dec/23

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

Type: Improvement Priority: Low
Reporter: Miguel Martinez Assignee: Lam Nguyen Bao
Resolution: Done Votes: 0
Labels: searchx
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: 1d 5h Time Spent: 1d 5h
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: PNG File Screenshot 2023-11-22 at 10.35.58.png     JPEG File Tooltip-i13 (1).jpg     JPEG File screen mockup - i13.jpg    
Sub-Tasks:
Key
Summary
Type
Status
Assignee
ADMINCTR-499 Implementation Sub-task To Do  
ADMINCTR-500 Review Sub-task To Do  
ADMINCTR-501 Pre-Integration QA Sub-task To Do  
ADMINCTR-502 QA Sub-task To Do  
Template:
Acceptance criteria:
Empty
Epic Link: SearchX 1. In-App search & Top Nav
Work Started:

 Description   

Follow up of ADMINCTR-495

We need some styling refinements of the tooltips, following their implementation with...

Top navigation bar hovering behaviour:

  • Button turns darker (light-grey-hover)
  • And tooltip shows up

ACs

  • The tooltip margins, font size and positioning need adjusting (please follow design details below)

 

Top bar menu tooltip

— Rectangle style
Light-grey colour
4px rounded corners

— Text style (Label) 
Roboto regular
12pt size
16pt line height
-0.3px letter spacing

— Positioning (tooltip in relation to focus area) —
For buttons on the left use Bottom LHS tooltip
-8px vertical padding (shape overlay)
8px horizontal padding (shape misalignment)

For buttons on the right use Bottom RHS tooltip
-8px vertical padding (shape overlay)
8px horizontal padding (shape misalignment)

 

Design note: The only thing that changes in the tooltip is the positioning, and this will vary depending on the area in focus, but always following the same logic of shape overlay and alignment with 8px increment.


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