Details
-
Task
-
Resolution: Done
-
Low
-
None
-
None
-
-
Empty show more show less
-
Empty show more show less
-
Yes
Description
We need some styling refinements of the tooltips, following their implementation with MGNLUI-8481
Action bar hovering behaviour:
- Button turns lighter (dark-grey-hover)
- And if action bar is collapsed tooltip shows up
ACs
- The tooltip margins, font size and positioning need adjusting (please follow design details below)
Action bar tooltip
— Rectangle style —
Light-grey colour
4px rounded corners
— Text style (Label) —
Roboto regular
12pt size
16pt line height
-0.3px letter spacing
— Text padding —
8px horizontal padding
4px vertical padding
— Positioning (tooltip in relation to focus area) —
For the action bar buttons use RHS tooltip
Centred vertically
8px horizontal padding (shape overlay)
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.
Checklists
Attachments
Issue Links
- clones
-
MGNLUI-8481 Implement tooltips for the Action Bar
-
- Closed
-