Fix ascii-frame-outer blink caused by JS/CSS hover conflict

JS mouseenter/mouseleave handlers were setting row.style.backgroundColor
inline, fighting with the CSS tr:hover rule. On mouseleave both fired
simultaneously causing a double repaint / blink. Removed the redundant
JS handlers — the CSS tr:hover transition already handles this cleanly.

Also removed body flicker animation from base.css (was still present
after being removed from dashboard.css).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-19 11:14:05 -04:00
parent fea7575ac8
commit e756f8e0bb
2 changed files with 0 additions and 10 deletions

View File

@@ -166,8 +166,6 @@ body {
line-height: 1.6; line-height: 1.6;
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
/* Subtle screen flicker every 30 s — authentic CRT feel */
animation: flicker 0.2s ease-in-out 30s infinite;
} }
a { a {

View File

@@ -1005,14 +1005,6 @@ document.addEventListener('DOMContentLoaded', function() {
} }
}); });
// Add hover effect
row.addEventListener('mouseenter', function() {
this.style.backgroundColor = 'rgba(0, 255, 65, 0.08)';
});
row.addEventListener('mouseleave', function() {
this.style.backgroundColor = '';
});
}); });
}); });