chinchang / hint.css

A CSS only tooltip library for your lovely websites.
https://kushagra.dev/lab/hint/
MIT License
8.42k stars 701 forks source link

Long hints are breaking layout. #31

Closed morgoth closed 8 years ago

morgoth commented 11 years ago

I tried to prepare some code on CodePen: http://codepen.io/anon/pen/hoDFb

Sorry for the mess in code.

You can hover over "2NT" on right table to display hint. As you can see layout is broken, and hint is displayed far after declared content width.

acorbi commented 9 years ago

Same happens for me, long hints make the width of my website's container increase. Any possibility to set the tooltip's width and wrap lines?

chinchang commented 9 years ago

Yes, sure you can limit width of tooltips. Read here:

https://github.com/chinchang/hint.css/issues/13 https://github.com/chinchang/hint.css/issues/24

chinchang commented 8 years ago

Hint.css now has new modifier classes to set tooltip sizes -> hint--small, hint--medium, hint--large