-
Notifications
You must be signed in to change notification settings - Fork 472
Description
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