diff options
| author | ache <ache@ache.one> | 2024-07-21 04:40:27 +0200 |
|---|---|---|
| committer | ache <ache@ache.one> | 2024-07-21 04:40:27 +0200 |
| commit | ccad852557f0a7504fa839f408f236b161f344d9 (patch) | |
| tree | 9e9fb42db11681d8c4148f2b827275c0f57e8f1f | |
| parent | Fix wrap on long departement name (diff) | |
Don't show tooltip when test is launch
| -rw-r--r-- | src/App.svelte | 15 |
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`; + } }); } } |