hint.css icon indicating copy to clipboard operation
hint.css copied to clipboard

Published 20 hours ago • verified publisher icon chinchang

new line characters do not work

Open Grajon opened this issue 11 years ago • 3 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 !

Grajon avatar Dec 12 '13 12:12 Grajon

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.

brandonkm avatar Dec 12 '13 16:12 brandonkm

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

Grajon avatar Dec 12 '13 21:12 Grajon

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.

chinchang avatar Mar 07 '16 21:03 chinchang