GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 06:22:22 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

move tooltip away from edges

Browse source
This commit is contained in:
Damien Elmes 2020-06-29 15:05:08 +10:00
parent 72609bee18
commit 4a04ccd96c
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ts/src/stats/tooltip.ts
View file

@ -12,9 +12,14 @@ function showTooltipInner(msg: string, x: number, y: number): void {
document.body.appendChild(tooltipDiv); document.body.appendChild(tooltipDiv);
} }
tooltipDiv.innerHTML = msg; tooltipDiv.innerHTML = msg;
tooltipDiv.style.right = `${document.body.clientWidth - x + 10}px`;
tooltipDiv.style.top = `${y + 20}px`;
// move tooltip away from edge as user approaches right side
const shiftLeftAmount = Math.round(
tooltipDiv.clientWidth * 1.2 * (x / document.body.clientWidth)
);
tooltipDiv.style.left = `${x + 40 - shiftLeftAmount}px`;
tooltipDiv.style.top = `${y + 40}px`;
tooltipDiv.style.opacity = "1"; tooltipDiv.style.opacity = "1";
} }