Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add tooltip usage to the Solidus style guide #1321

Closed
Mandily opened this issue Jul 12, 2016 · 4 comments
Closed

Add tooltip usage to the Solidus style guide #1321

Mandily opened this issue Jul 12, 2016 · 4 comments

Comments

@Mandily
Copy link
Contributor

Mandily commented Jul 12, 2016

I'd like to add some more context around when to use tooltips and which one to use. I'd like to add a two column layout to the style guide with the explanation on one side and the example and code on the other. Forgive the bad markdown table to demo.

Tooltips should only be used to add supplementary information to the object they’re being attached to. They should never hide content that a user needs to complete a task. This includes simple form field helper information like required input formats (ie DD-MM-YYYY)

Type Example
Info tooltips These are used to add supplementary information to form labels. The info icon is the coverable area for this tooltip and should be placed at the right side of the form label. [Code and example for this tooltip goes here]
Action icon tooltips These are used to add textual context to the action icons used with tabular data like edit, delete, and clone. They are styled with a similar colour to the icon that they’re attached to. [Code and example for this tooltip goes here]
@tvdeyen
Copy link
Member

tvdeyen commented Jul 12, 2016

I like that. Excuse me for correcting the markdown table 😊

@Mandily
Copy link
Contributor Author

Mandily commented Jul 12, 2016

I missed the leading paragraph. I've just updated it. Thanks @tvdeyen for the headings. Much better.

@gus4no
Copy link

gus4no commented May 23, 2017

On it

@jhawthorn
Copy link
Contributor

jhawthorn commented Oct 4, 2017

Fixed by #1955

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants