new line characters do not work

Question

new line characters do not work

Grajon opened this issue 11 years ago · comments

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 !

Brandon Moore · Answer 1 · Fri Dec 13 2013 00:29:17 GMT+0800 (China Standard Time)

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 · Answer 2 · Fri Dec 13 2013 05:13:36 GMT+0800 (China Standard Time)

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 ...

Kushagra Gour · Answer 3 · Tue Mar 08 2016 05:21:34 GMT+0800 (China Standard Time)

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.