fix(editor): Fix newly introduced style issues after rolldown-vite migration (no-changelog) (#21163)

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;
 	}

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>

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>

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));