diff options
| author | Fuwn <[email protected]> | 2024-04-21 06:30:39 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-21 06:30:39 -0700 |
| commit | d24de405e35220a37d399677df97cb8c0660cbb5 (patch) | |
| tree | 5b2fde043996e40594a865483e8ae0ad6ad3fe84 /src/lib/User | |
| parent | fix(badges): relative absolute tooltip position (diff) | |
| download | due.moe-d24de405e35220a37d399677df97cb8c0660cbb5.tar.xz due.moe-d24de405e35220a37d399677df97cb8c0660cbb5.zip | |
fix(BadgePreview): high-resolution image load on navigate
Diffstat (limited to 'src/lib/User')
| -rw-r--r-- | src/lib/User/BadgeWall/BadgePreview.svelte | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte index 97ff46ec..042d8b8c 100644 --- a/src/lib/User/BadgeWall/BadgePreview.svelte +++ b/src/lib/User/BadgeWall/BadgePreview.svelte @@ -38,7 +38,7 @@ $mouse = { x: 0, y: 0 }; }; - onMount(() => { + $: { if (selectedBadge && selectedBadge.image) { const image = new Image(); @@ -47,6 +47,18 @@ badgeReference.src = image.src; }; } + } + + onMount(() => { + const handleClickOutside = (event: any) => { + if (event.target.classList.contains('popup')) selectedBadge = undefined; + }; + + document.addEventListener('click', handleClickOutside); + + return () => { + document.removeEventListener('click', handleClickOutside); + }; }); </script> |