calebjacob / tooltipster

A jQuery tooltip plugin
MIT License
2.76k stars 482 forks source link

How to remove vertical scroll from tooltip ? #822

Open Sice55 opened 2 years ago

Sice55 commented 2 years ago

Good afternoon friends. I have a lot of data in the tooltip and sometimes (spontaneously) a vertical scroll appears, sometimes it appears, sometimes not. I don't even understand why. Tell me how to remove the vertical scroll from the tooltip?

Here are my styles: ` .tooltipster-sidetip.tooltipster-noir .tooltipster-box { border: none; background: #161a1e; background: rgba(22,26,30,.9); font-size: 14px; vertical-align: center; text-align: left; overflow: visible; }

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-box { margin-top: 8px }

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-box { margin-right: 8px }

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-box { margin-left: 8px }

.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-box { margin-bottom: 8px }

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow { height: 8px; margin-left: -8px; width: 16px }

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow { height: 16px; margin-left: 0; margin-top: -8px; width: 8px }

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background { display: none }

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border { border: 8px solid transparent }

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #161a1e; border-bottom-color: rgba(22,26,30,.9) }

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-border { border-left-color: #161a1e; border-left-color: rgba(22,26,30,.9) }

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-border { border-right-color: #161a1e; border-right-color: rgba(22,26,30,.9) }

.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-border { border-top-color: #161a1e; border-top-color: rgba(22,26,30,.9) }

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped { top: -8px }

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped { left: -8px } Here Java Script Code: $('.myPopover').tooltipster({ contentAsHTML: true, scroll: false, theme: ['tooltipster-noir', 'tooltipster-noir-customized'] }); } ` Here is a screenshot