fix: replace CSS keyframe highlight with direct style pulse for reliability

CSS animation was interfering with stagger animation on cards.
Now uses setInterval-based box-shadow pulse with computed primary
color from CSS variables. Pulses glow on/off every 400ms for 2.5s,
then fades out via transition.
This commit is contained in:
2026-03-22 00:06:36 +03:00
parent 4b59f40fd5
commit f47df934ed
2 changed files with 48 additions and 33 deletions
+1 -6
View File
@@ -184,12 +184,7 @@ a:focus-visible {
font-family: var(--font-mono);
}
/* Card highlight for cross-entity navigation */
@keyframes cardHighlight {
0%, 100% { box-shadow: none; }
25%, 75% { box-shadow: 0 0 0 3px var(--color-primary), 0 0 20px color-mix(in srgb, var(--color-primary) 30%, transparent); }
}
/* Card highlight dim overlay for cross-entity navigation */
.nav-dim-overlay {
position: fixed;
inset: 0;