chinchang / hint.css

A CSS only tooltip library for your lovely websites.

Home Page:https://kushagra.dev/lab/hint/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to inactivate hints ?

fchampreux opened this issue · comments

Great tool !
I'd like to use it for teaching new features of a web product. But hints should be inactivated when user is confident, or reactivated for helping purpose.
How is it possible to activate/inactivate hint ?

Thanks a lot,

Fred

@fchampreux Do you want to disable all hints on the page together or individual ones?

Actually, I would like to disable all hints at once.
Thanks a lot,

Fred

You can do the following:

Add following CSS on your page:

.hint-disabled [class*="hint--"]:after, .hint-disabled [class*="hint--"]:before {
 display: none;
}

Now you can simply toggle the hint-disabled class on body to enable/disable tooltips.