From 8f9b940b875ee854a293c862405dc38ea8b643ff Mon Sep 17 00:00:00 2001 From: dax Date: Tue, 4 Aug 2026 10:16:37 +0000 Subject: pathways: glowing edge segments only appear on hover; drop the preview fade the edge marker is drawn on the tile and the ghost renders in the gap, so they never overlap - there is no reason to fade the edge while previewing, and the .preview class was making the edge vanish exactly when hovered. edges are now invisible at rest and glow at full strength on hover. --- public/app.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'public/app.css') diff --git a/public/app.css b/public/app.css index d5f12dc..a2df38d 100644 --- a/public/app.css +++ b/public/app.css @@ -78,7 +78,7 @@ html, body { .nav-edge { position: absolute; background: linear-gradient(rgba(255, 255, 255, .9), rgba(125, 211, 252, .55)); - opacity: .35; + opacity: 0; pointer-events: none; transition: opacity .15s, filter .15s; } @@ -87,11 +87,8 @@ html, body { .nav-zone-E .nav-edge { right: 4px; top: 6px; bottom: 6px; width: 3px; border-radius: 2px; } .nav-zone-W .nav-edge { left: 4px; top: 6px; bottom: 6px; width: 3px; border-radius: 2px; } .nav-zone:hover .nav-edge { - opacity: .95; - filter: drop-shadow(0 0 7px rgba(125, 211, 252, .8)); -} -.nav-zone.preview .nav-edge { - opacity: 0; + opacity: 1; + filter: drop-shadow(0 0 8px rgba(125, 211, 252, .9)); } #splash { -- cgit v1.3.1