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:
@@ -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 {
|
||||||
|
|||||||
@@ -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 = '';
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user