Fix UI line lag when toggling Advanced Settings (#SKY-7702) (#4618)
This commit is contained in:
@@ -276,6 +276,7 @@ function EdgeWithAddButton({
|
||||
style={{
|
||||
position: "absolute",
|
||||
transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
|
||||
transition: "transform 0.2s ease-out",
|
||||
fontSize: 12,
|
||||
// everything inside EdgeLabelRenderer has no pointer events by default
|
||||
// if you have an interactive element, set pointer-events: all
|
||||
|
||||
@@ -16,18 +16,18 @@
|
||||
|
||||
/* Smooth transitions for node position and size changes */
|
||||
.react-flow__node {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Smooth transitions for edge position updates */
|
||||
.react-flow__edge path,
|
||||
.react-flow__edge-path {
|
||||
transition: d 0.3s ease-in-out;
|
||||
transition: d 0.2s ease-out;
|
||||
}
|
||||
|
||||
.react-flow__edge text,
|
||||
.react-flow__edge-text {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
.react-flow__handle-top {
|
||||
|
||||
Reference in New Issue
Block a user