Tooltip styling affected by element about balloon.css HOT 3 CLOSED

1. opacity is the same as the element's opacity.

I believe this is not solvable. Since opacity is a relative property (its value is relative to its parent value), there is no way to re-enable opacity if the parent element removes it. The solution here is removing the opacity from the parent in your project.

<strong> text in the element leads to <strong> text in the tooltip (...)

I'm pushing a commit that force text reset on all tooltips (using @agauniyal workaround), that solves the issue.

from balloon.css.

Wow @seemantk I did not knew this hint.css project! Looks very cool (I would even say more feature-rich than Balloon.css). But I guess I still prefer to stick to simpler and tinier approach (biased opinion, I know) 😄.

About the issue... while I hate am not a big fan of !important, I can't see a better solution than using it will on this issue. Will be taking a look at it soon.

from balloon.css.

@seemantk I do this in sass for temp workaround,

[data-balloon] {
  &:after,
  &:before,
  &:hover:before,
  &:hover:before {
    font-family: sans-serif;
  }
}

from balloon.css.