chinchang / hint.css

A CSS only tooltip library for your lovely websites.

Home Page:https://kushagra.dev/lab/hint/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

new line characters do not work

Grajon opened this issue · 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 !

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.

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

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.