search

jpmorganchase / salt-ds

React UI components built with a focus on accessibility, customisation and ease-of-use
https://www.saltdesignsystem.com
Apache License 2.0
109 stars 78 forks source link

Update Tooltip max width to follow content guide #3694

Open origami-z opened 3 days ago

origami-z commented 3 days ago

Tooltip uses a fixed 230px value for max-width, which isn't density aware

https://github.com/jpmorganchase/salt-ds/blob/baa5aaa6e8443cae49ce08d1d62409bb184635b9/packages/core/src/tooltip/Tooltip.css#L22

Update tooltip to use 60 characters max width per line, to follow content guideline.

Figma - https://www.figma.com/design/0qHqLDEobXhRGb1PzQ0I5q/Tooltip?node-id=2048-4137&t=O1JAUiQpX4DUu9EJ-1

Reference - https://stackoverflow.com/a/48858102