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;
}
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