From e756f8e0bb12c4b80e050ee7a75213ebb834ce48 Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Thu, 19 Mar 2026 11:14:05 -0400 Subject: [PATCH] Fix ascii-frame-outer blink caused by JS/CSS hover conflict MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- assets/css/base.css | 2 -- assets/js/dashboard.js | 8 -------- 2 files changed, 10 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index c594a9b..50f6b63 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -166,8 +166,6 @@ body { line-height: 1.6; min-height: 100vh; overflow-x: hidden; - /* Subtle screen flicker every 30 s — authentic CRT feel */ - animation: flicker 0.2s ease-in-out 30s infinite; } a { diff --git a/assets/js/dashboard.js b/assets/js/dashboard.js index 59d1e9a..0fce760 100644 --- a/assets/js/dashboard.js +++ b/assets/js/dashboard.js @@ -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 = ''; - }); }); });