Tooltip not centered

Topic: Tooltip not centered

slawa pro asked 5 years ago

I use tooltip on floating social buttons.

I updated to latest version and it is not centered anymore.

<div class="inline-ul text-center d-flex justify-content-center">
<a id="GoogleButtonDisabled" type="button" class="btn-floating bg-dark my-0 waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Loading...">
	<i class="fab fa-google" aria-hidden="true"></i>
</a>
<a id="FacebookButtonDisabled" type="button" class="btn-floating bg-dark my-0 waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Loading...">
	<i class="fab fa-facebook-f" aria-hidden="true"></i>
</a>
</div>

Add comment

Marta Wierzbicka staff answered 5 years ago

1 0 Best answer

Hi, thanks for the solution, we will improve tooltips in the future. Best, Marta

slawa pro commented 5 years ago

I think it is just an issue with popper.js not calculating the offset properly in certain circumstances.

Add comment

slawa pro answered 5 years ago

1 0 Best answer

fixed it with

body, html, main {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#page_login{
   background: #777777 url('img/background.png') no-repeat center center;
   background-size: cover;
    height: 100%;
   margin: 0;
    overflow: scroll;
}

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

slawa

Pro User 109Support score
8Questions 7Answers 1Snippets