diff --git a/packages/editor-ui/src/components/canvas/Canvas.vue b/packages/editor-ui/src/components/canvas/Canvas.vue
index 0b755c6d1b..6826259b7e 100644
--- a/packages/editor-ui/src/components/canvas/Canvas.vue
+++ b/packages/editor-ui/src/components/canvas/Canvas.vue
@@ -663,11 +663,7 @@ provide(CanvasKey, {
@update="onUpdateNodeParameters"
@move="onUpdateNodePosition"
@add="onClickNodeAdd"
- >
-
-
-
-
+ />
diff --git a/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue b/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
index c7e3c54be7..d32b974a40 100644
--- a/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
+++ b/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
@@ -74,11 +74,7 @@ onNodesInitialized(() => {
:event-bus="eventBus"
:read-only="readOnly"
v-bind="$attrs"
- >
-
-
-
-
+ />
diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue b/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
index 3372ad9d1f..e62046d5d7 100644
--- a/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
+++ b/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
@@ -74,14 +74,12 @@ const isDisabled = computed(() => props.data.disabled);
const nodeTypeDescription = computed(() => {
return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
});
-const slotClasses = ref>({});
const classes = computed(() => ({
[style.canvasNode]: true,
[style.showToolbar]: showToolbar.value,
hovered: props.hovered,
selected: props.selected,
- ...slotClasses.value,
}));
/**
@@ -232,14 +230,6 @@ function onMove(position: XYPosition) {
emit('move', props.id, position);
}
-function toggleSlotClass(className: string) {
- if (slotClasses.value[className]) {
- delete slotClasses.value[className];
- } else {
- slotClasses.value[className] = true;
- }
-}
-
/**
* Provide
*/
@@ -318,12 +308,8 @@ onBeforeUnmount(() => {
/>
-
-
-
-
{
opacity: 1;
}
}
-
-.nodeControls {
- position: absolute;
- bottom: 100%;
- z-index: 1;
- width: 100%;
- margin: auto;
- display: flex;
- justify-content: center;
-}