From 63fdc999fee81e4792bfa8e5cef7e062cc48e45e Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 27 Oct 2025 13:11:54 +0200
Subject: [PATCH] fix(editor): Fix newly introduced style issues after
 `rolldown-vite` migration (no-changelog) (#21163)

---
 .../workflows/canvas/components/Canvas.vue    | 12 --------
 .../elements/buttons/CanvasControlButtons.vue |  8 -----
 .../CanvasHandleNonMainOutput.vue             |  5 ----
 .../src/styles/plugins/_vueflow.scss          | 30 +++++++++++++++++++
 4 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/packages/frontend/editor-ui/src/features/workflows/canvas/components/Canvas.vue b/packages/frontend/editor-ui/src/features/workflows/canvas/components/Canvas.vue
index e43e16d8da7..042679dd1e4 100644
--- a/packages/frontend/editor-ui/src/features/workflows/canvas/components/Canvas.vue
+++ b/packages/frontend/editor-ui/src/features/workflows/canvas/components/Canvas.vue
@@ -1076,18 +1076,6 @@ defineExpose({
 		opacity: 1;
 	}
 
-	:global(.vue-flow__pane) {
-		cursor: grab;
-
-		&:global(.selection) {
-			cursor: default;
-		}
-
-		&:global(.dragging) {
-			cursor: grabbing;
-		}
-	}
-
 	&.isExperimentalNdvActive {
 		--canvas-zoom-compensation-factor: 0.5;
 	}
diff --git a/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/buttons/CanvasControlButtons.vue b/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/buttons/CanvasControlButtons.vue
index 999dac94ff7..027f02b47b1 100644
--- a/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/buttons/CanvasControlButtons.vue
+++ b/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/buttons/CanvasControlButtons.vue
@@ -171,11 +171,3 @@ function onTidyUp() {
 	}
 }
 </style>
-
-<style lang="scss">
-.vue-flow__controls {
-	display: flex;
-	gap: var(--spacing--xs);
-	box-shadow: none;
-}
-</style>
diff --git a/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/handles/render-types/CanvasHandleNonMainOutput.vue b/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/handles/render-types/CanvasHandleNonMainOutput.vue
index 598fb98fb6b..4b5fb38ec26 100644
--- a/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/handles/render-types/CanvasHandleNonMainOutput.vue
+++ b/packages/frontend/editor-ui/src/features/workflows/canvas/components/elements/handles/render-types/CanvasHandleNonMainOutput.vue
@@ -45,9 +45,4 @@ const classes = computed(() => ({
 	content: '*';
 	color: var(--color--danger);
 }
-
-:global(.vue-flow__handle:not(.connectionindicator)) .plus {
-	display: none;
-	position: absolute;
-}
 </style>
diff --git a/packages/frontend/editor-ui/src/styles/plugins/_vueflow.scss b/packages/frontend/editor-ui/src/styles/plugins/_vueflow.scss
index 6c117a23eda..22bc7cd7eb1 100644
--- a/packages/frontend/editor-ui/src/styles/plugins/_vueflow.scss
+++ b/packages/frontend/editor-ui/src/styles/plugins/_vueflow.scss
@@ -92,6 +92,17 @@
 	z-index: 2 !important;
 }
 
+/**
+ * Handles
+ */
+
+.vue-flow__handle {
+	&:not(.connectionindicator) .plus {
+		display: none;
+		position: absolute;
+	}
+}
+
 /**
  * Selection
  */
@@ -112,12 +123,31 @@
 	z-index: 1 !important;
 }
 
+/**
+ * Pane
+ */
+
+.vue-flow__pane {
+	cursor: grab;
+
+	&.selection {
+		cursor: default;
+	}
+
+	&.dragging {
+		cursor: grabbing;
+	}
+}
+
 /**
  * Controls
  */
 
 .vue-flow__controls {
 	margin: var(--spacing--sm);
+	display: flex;
+	gap: var(--spacing--xs);
+	box-shadow: none;
 
 	@include mixins.breakpoint('xs-only') {
 		max-width: calc(100% - 3 * var(--spacing--sm) - var(--spacing--2xs));