Browse Source

perf: remove redundant CSS opacity transition from all nodes

The `.react-flow__node:not(.switch-dimmed)` rule applied a transition to
every node DOM element unnecessarily. The `.switch-dimmed` rule already
handles the transition for dimming. Removing this makes undimming instant
(snappier) and eliminates a transition declaration from every node.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 4 months ago
parent
commit
86128365ad
  1. 4
      src/app/globals.css

4
src/app/globals.css

@ -55,10 +55,6 @@ body {
transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out;
} }
.react-flow__node:not(.switch-dimmed) {
transition: opacity 250ms ease-in-out;
}
/* Base handle styles */ /* Base handle styles */
.react-flow__handle { .react-flow__handle {
width: 14px; width: 14px;

Loading…
Cancel
Save