Arrow alignment multiline

[sannefoltz]

With new lines ("\n") and using "white-space:pre-wrap;" on the .hint:after, you can force new lines in tool tips. This all works.

But the arrow on "hint--right" is aligned at the bottom instead of at the top.

Using .hint--right:before { margin-left: -12px; margin-top: -6px; } .hint--right:after { margin-top: -14px; } .hint--right:before, .hint--right:after { left: 100%; top: 50%; }

fixes it.

[shamasis]

@chinchang - do you have anything in mind to add this feature? I just forked it and was working on a PoC to add this as a feature at https://github.com/shamasis/hint.css/blob/hint-multiline/src/hint-multiline.scss

[blainekasten]

+1, this should be fixed. @chinchang

[rudza]

+1