mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-23 05:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Build 29059721

Browse source
This commit is contained in:
Renan LE CARO 2025-04-02 10:42:01 +02:00
parent 1cf82d6641
commit a3ff7d81ad
13 changed files with 148 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/tooltip.ts
View file

@ -7,18 +7,17 @@ export function setupTooltips() {
return;
}
function updateTooltipPosition(e: MouseEvent) {
tooltip.style.transform =
`translate(${e.clientX}px,${e.clientY + 20}px) ` +
(e.clientX > window.innerWidth / 2 ? " translate(-100%,0)" : "");
}
function closeToolTip(){
tooltip.style.display = "none";
hovering=null
function closeToolTip() {
tooltip.style.display = "none";
hovering = null;
}
let hovering:HTMLElement|null=null
let hovering: HTMLElement | null = null;
document.body.addEventListener(
"mouseenter",
(e: MouseEvent) => {
@ -27,24 +26,24 @@ export function setupTooltips() {
parent = parent.parentElement;
}
if (parent?.hasAttribute("data-tooltip")) {
hovering=parent as HTMLElement
tooltip.innerHTML = hovering.getAttribute("data-tooltip") || '';
hovering = parent as HTMLElement;
tooltip.innerHTML = hovering.getAttribute("data-tooltip") || "";
tooltip.style.display = "";
updateTooltipPosition(e);
} else {
closeToolTip()
closeToolTip();
}
},
true,
);
setInterval(()=>{
if(hovering){
if(!document.body.contains(hovering)){
closeToolTip()
}
setInterval(() => {
if (hovering) {
if (!document.body.contains(hovering)) {
closeToolTip();
}
},200)
}
}, 200);
document.body.addEventListener(
"mousemove",
(e) => {
@ -54,10 +53,7 @@ export function setupTooltips() {
},
true,
);
document.body.addEventListener(
"mouseleave",
(e) => {
closeToolTip()
}
);
document.body.addEventListener("mouseleave", (e) => {
closeToolTip();
});
}