From 6261bf6fcd96a9c4380f2361a79afdae840d0aaa Mon Sep 17 00:00:00 2001 From: dax Date: Tue, 4 Aug 2026 10:14:08 +0000 Subject: pathways: replace floating edge chevrons with full-edge glow segments on the tile the arrows in the gap were pointless - that is exactly where the ghost photo preview appears, so they only collided with it. now the current tile shows a thin glowing segment running corner-to-corner along each free edge, drawn ON the tile just inside the border: subtle at rest, bright on hover, fades out while its preview ghost is showing. occupied directions get no segment. the ghost still renders in the gap, so nothing overlaps it. --- public/app.js | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) (limited to 'public/app.js') diff --git a/public/app.js b/public/app.js index 35d9898..5034348 100644 --- a/public/app.js +++ b/public/app.js @@ -12,12 +12,6 @@ const MIN_ZOOM = 0.05 const MAX_ZOOM = 5 const EPS = 0.5 const MAX_ZONE_TILES = 24 -const ARROW_SVG = { - N: '', - E: '', - S: '', - W: '', -} let U = 300 const tiles = new Map() @@ -222,10 +216,9 @@ function renderNav(id) { zone.addEventListener("pointerdown", (e) => e.stopPropagation()) zone.addEventListener("click", (e) => { e.stopPropagation(); traverseFrom(id, ex.dir) }) if (!adjacentTile(id, ex.dir) && isCurrent) { - const chev = document.createElement("div") - chev.className = "nav-chev" - chev.innerHTML = ARROW_SVG[ex.dir] - zone.appendChild(chev) + const edge = document.createElement("div") + edge.className = `nav-edge nav-edge-${ex.dir}` + zone.appendChild(edge) } nav.appendChild(zone) } -- cgit v1.3.1