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:
@@ -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 */
|
||||||
|
|||||||
Reference in New Issue
Block a user