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