aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorache <ache@ache.one>2024-07-21 04:40:27 +0200
committerache <ache@ache.one>2024-07-21 04:40:27 +0200
commitccad852557f0a7504fa839f408f236b161f344d9 (patch)
tree9e9fb42db11681d8c4148f2b827275c0f57e8f1f
parentFix wrap on long departement name (diff)
Don't show tooltip when test is launch
-rw-r--r--src/App.svelte15
1 files changed, 11 insertions, 4 deletions
diff --git a/src/App.svelte b/src/App.svelte
index 2086708..3be153e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -58,6 +58,9 @@
winCount = 0;
guessCount = 0;
+ // Disable tooltip.
+ info.classList.remove("active") // Should not be active seen the button should have launch mouseleave event.
+
// Clean the map of any previous style
for(let dep of listDep) {
removeClassGuess(dep, "win")
@@ -164,8 +167,10 @@
const code = dep.id.slice(4).replace("-bis", "");
dep.addEventListener("mouseenter", () => {
- info.classList.add("active")
- info.innerHTML = `<b>${departements[code]['name']}</b>`
+ if(currentDepGuessed == -1) {
+ info.classList.add("active")
+ info.innerHTML = `<b>${departements[code]['name']}</b> (${code})`
+ }
});
dep.addEventListener("mouseleave", () => {
@@ -173,8 +178,10 @@
});
dep.addEventListener("mousemove", e => {
// info.style.transform = "translate3d(" + e.layerX + "px," + e.layerY + "px, 0)";
- info.style.top = `${e.pageY - 70}px`;
- info.style.left = `${e.pageX - 0}px`;
+ if(currentDepGuessed == -1) {
+ info.style.top = `${e.pageY - 70}px`;
+ info.style.left = `${e.pageX - 0}px`;
+ }
});
}
}