Kamran Ahmed 51b66dcfe9 Cut the active element out of the hint overlay ...

The overlay is now the same spotlight the tour draws: an svg dim with a
rounded cutout around the open hint's element (the path generator moves
out of the tour's context into a pure function both share). The element
stays visible and interactive inside the cutout — the svg lets pointer
events through and only the dimmed path catches them, so clicking the
dim still closes the hint.

The other beacons now wait under the overlay instead of floating above
it; only the open hint's beacon (via its aria-expanded state) and its
popover rise above. The cutout tracks the element on scroll and resize.

The arrow's drop-shadow halo is gone: it read as a dirty outline against
light pages — tours never needed one because the arrow sits against the
dark overlay, and hints now either touch the colored beacon (no overlay)
or sit against the dim (overlay), so the plain white triangle works in
both.

2026-07-16 20:42:14 +01:00

..

public

Restructure as a Turborepo monorepo

2026-07-16 19:45:23 +01:00

src

Cut the active element out of the hint overlay

2026-07-16 20:42:14 +01:00

.gitignore

Restructure as a Turborepo monorepo

2026-07-16 19:45:23 +01:00

.nvmrc

Restructure as a Turborepo monorepo

2026-07-16 19:45:23 +01:00

astro.config.mjs

Document hints and add the changelog entry

2026-07-16 19:58:55 +01:00

package.json

Restructure as a Turborepo monorepo

2026-07-16 19:45:23 +01:00

tsconfig.json

Document hints and add the changelog entry

2026-07-16 19:58:55 +01:00