new line characters do not work

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

new line characters do not work #61

Open Grajon opened 10 years ago

Grajon commented 10 years ago

following issue #24

with 1.3.x version 
 and \u000A do not work, to have breaking line. Help me please to have new line in hint working again !

brandonkm commented 10 years ago

Thanks for spotting this!

This is caused by the white-space: nowrap; property on line 69 of hint-core.scss. Changing this to white-space: pre fixes the issue, however I'm not sure what this does in all instances of single and multi-line text in the tooltip.

PR #55 seems to be a step in the right direction. Adding multi-line support with a class and altering the tooltip styles based on that.

Grajon commented 10 years ago

Thanks for your help, and yes, I've already integrated the # 55 but your indication on white-space seems to be the good one. I'll test it ...

chinchang commented 8 years ago

FYI, starting v2.2.0, there are 3 size variations available: hint--small, hint--medium & hint--large. This should help make the situation better where long texts break out instead of spanning across multiple lines.