Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to remove vertical scroll from tooltip ? #822

Open
Sice55 opened this issue Feb 1, 2022 · 0 comments
Open

How to remove vertical scroll from tooltip ? #822

Sice55 opened this issue Feb 1, 2022 · 0 comments

Comments

@Sice55
Copy link

Sice55 commented Feb 1, 2022

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant