You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
The text was updated successfully, but these errors were encountered: