Navigation tooltip reposition fix #4020
Conversation
Merging dev branch 3.0.9
- Documentation: improved french docs links alvarotrigo#3856
- Documentation: link to elementor + small fixes in french docs
- Documentation: removing old links
Documentation: removing old links
- Documentation: fixed syntax errors
Positioning navigation tooltip with translate -50% and top 50% so it's definitely centrally positioned even after a user has styled it how they want.
|
Thanks for that! 👍
Not always? Under which circumstances? You can do it on jsfiddle or codepen, with no CSS or JS files external to fullPage.js and the minimum amount of HTML code? Use empty sections unless strictly necessary for the reproduction. issue that this pull request is trying to solve? |
|
Exciting, thanks! See here for what my tooltips looked like and note they're aligned to "top" so they're bobbing down mis-aligned: https://jsfiddle.net/g0b5f3dk/ See here for my CSS fix: https://jsfiddle.net/9ayvm24r/2/ |
I can't see any tooltips there :) |
|
Here it is again without the top: 50% fix = https://jsfiddle.net/0Lx4mfwt/ |
I have adjusted how the navigation tooltips appear. Where they were not always central when positioned with
top: -2pxafter I'd made it look how I wanted for my design.I have positioned the tooltip with
top: 50%; transform: translate3d(0, -50%, 0);so it's always centred with the dot. Bear in mind this includes no cross-browser support in assuming this is done on people's projects with their Sass Compiler.