Fix table row blink when cursor leaves the table

transition:all was firing on every row simultaneously when the cursor
left the table. Scoped it to background-color only. Also removed the
inset box-shadow from tr:hover which forced repaint layer thrashing.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-19 10:55:50 -04:00
parent 51fa5a8a3c
commit f3c15e2582

View File

@@ -321,7 +321,7 @@ a:not(.btn):hover::after {
/* Smooth table row selection animation */ /* Smooth table row selection animation */
tbody tr { tbody tr {
transition: all 0.2s ease; transition: background-color 0.15s ease;
} }
/* Button press effect */ /* Button press effect */
@@ -1807,7 +1807,6 @@ th:has(input[type="checkbox"])::before {
tr:hover { tr:hover {
background-color: rgba(0, 255, 65, 0.08); background-color: rgba(0, 255, 65, 0.08);
box-shadow: inset 0 0 20px rgba(0, 255, 65, 0.1);
} }
/* Keyboard navigation selected row */ /* Keyboard navigation selected row */