how to add the css for tooltip like work-break and color etc.,

Open MosesBurla opened this issue 5 years ago • 1 comments

Hi, can anyone please solve this.

whenever adding the large link in tooltip string the text alignment issue is throwing.

<button tooltip="https://github.com/zyra/ionic-tooltips-example/blob/master/src/pages/home/home.html"  positionV="bottom" positionH="right" [arrow]="showArrow" [event]="tooltipEvent" [duration]="5000"></button>

The output is getting below so that I want to use the word-break property in CSS to solve this issue in the mobile view. Can anyone please tell how to add the word-break property in the tooltip styles

Capture

Oct 28 '20 18:10 MosesBurla

If I understood you correctly, instead of tooltip="https://github.com/zyra/ionic-tooltips-example/blob/master/src/pages/home/home.html" you would have 2 lines - both tooltip and tooltipHtml with the tooltipHtml having the text - notice the
inside

tooltip
tooltipHtml="https://github.com/zyra/ionic-tooltips<br>-example/blob/master/src/pages/home/home.html"

Jan 09 '21 16:01 dovk