Need a way to make tooltips invisible. about hint.css HOT 3 CLOSED

Because you talked about attaching classes, I suppose you are using jQuery or something already. In that there is another hack you can use to disable hint on a disabled element without altering the library:

Tooltips are shown on any element with data-hint attribute. Instead of adding a class to disable hint, what you can do is remove the data-hint attribute and put its value on, say data-hint-disabled (anything but data-hint) attribute. This will make the tooltip not show. When item gets enabled, switch back the right attribute.

from hint.css.

Fair enough. I just added a disabled class for anyone interested;
scss:

.#{$prefix}disabled {
  &:after, &:before {
    visibility: hidden;
  }
}

haml:

.thing.hint--right.hint--disabled{data-hint: "Cool"}
  .thing{disabled: true}

I had to do some jquery parent-selector magic to alter the parent class of the disabled element, but it works seamlessly for what I need since the disabled element is enabled dynamically. Thanks for the quick reply and I hope someone else finds this useful.

from hint.css.

cool 👍

from hint.css.