-
Improvement
-
Resolution: Done
-
Low
-
None
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.
1.
|
Implementation | To Do | Unassigned | |
2.
|
Review | To Do | Unassigned | |
3.
|
Pre-Integration QA | To Do | Unassigned | |
4.
|
QA | To Do | Unassigned |