diff --git a/svelte-app/src/components/experiments/mag-cursor/cursor.svelte b/svelte-app/src/components/experiments/mag-cursor/cursor.svelte index 78cf808d..7158aaa2 100644 --- a/svelte-app/src/components/experiments/mag-cursor/cursor.svelte +++ b/svelte-app/src/components/experiments/mag-cursor/cursor.svelte @@ -159,7 +159,7 @@ }); // offset should be exponential - i.e., the further the x,y from the center of the target, the more the offset - closestTarget.offset?.set([(x - rectCenter[0]) * 0.08, (y - rectCenter[1]) * 0.08]); + closestTarget.offset?.set([(x - rectCenter[0]) * 0.08, (y - rectCenter[1]) * 0.14]); innerCursor.set({ x, diff --git a/svelte-app/src/components/nav/header-logo.svelte b/svelte-app/src/components/nav/header-logo.svelte index 216ef1d7..8943f8ba 100644 --- a/svelte-app/src/components/nav/header-logo.svelte +++ b/svelte-app/src/components/nav/header-logo.svelte @@ -21,11 +21,13 @@ kio.dev + kio.dev + {#if showConfetti} (showConfetti = false)} /> diff --git a/svelte-app/src/components/tooltips/tooltip.svelte b/svelte-app/src/components/tooltips/tooltip.svelte index 0879dad2..38b4ed37 100644 --- a/svelte-app/src/components/tooltips/tooltip.svelte +++ b/svelte-app/src/components/tooltips/tooltip.svelte @@ -29,7 +29,7 @@ clearTimeout(timeoutId); timeoutId = setTimeout( - () => { + () => createTooltip({ id: tooltipId, content: text, @@ -38,13 +38,16 @@ followCursor: !fixed, offset, target: target as HTMLElement - }); - }, - Math.max(0, delay - 50) + }), + delay ); }; - const hideTooltip = () => { + const hideTooltip = (e?: Event) => { + if (e?.type === 'mouseleave' && target?.matches(':focus-visible')) { + return; + } + clearTimeout(timeoutId); destroyTooltip(tooltipId); };