phares3757/gatus
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix issue with tooltip overflowing at the top

Browse Source
This commit is contained in:
TwinProduction 2020-08-25 14:27:13 -04:00
parent af6298de05
commit 4b57654592
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/index.html
View File

@ -157,8 +157,11 @@
targetLeftPosition += -targetLeftPosition; targetLeftPosition += -targetLeftPosition;
} }
} }
if (targetTopPosition + window.scrollY + tooltipBoundingClientRect.height + 50 > document.body.getBoundingClientRect().height) { if (targetTopPosition + window.scrollY + tooltipBoundingClientRect.height + 50 > document.body.getBoundingClientRect().height && targetTopPosition >= 0) {
targetTopPosition = element.getBoundingClientRect().y - (tooltipBoundingClientRect.height + 10) targetTopPosition = element.getBoundingClientRect().y - (tooltipBoundingClientRect.height + 10);
if (targetTopPosition < 0) {
targetTopPosition = element.getBoundingClientRect().y + 30;
}
} }
$("#tooltip").css({top: targetTopPosition + "px", left: targetLeftPosition + "px"}); $("#tooltip").css({top: targetTopPosition + "px", left: targetLeftPosition + "px"});
} }