From 9d8e574cc7ea5f55db42ce9f44f77f72ac891139 Mon Sep 17 00:00:00 2001 From: Alex Grozav Date: Mon, 19 Aug 2024 17:06:25 +0300 Subject: [PATCH] feat(editor): Add old execution status rendering in new canvas (no-changelog) (#10473) --- .../elements/nodes/render-types/CanvasNodeDefault.vue | 5 +++-- .../nodes/render-types/parts/CanvasNodeStatusIcons.vue | 8 +++++++- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue index 33506a526b..2f50454baa 100644 --- a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue +++ b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue @@ -123,6 +123,7 @@ function openContextMenu(event: MouseEvent) { --configurable-node--icon-offset: 40px; --configurable-node--icon-size: 30px; --trigger-node--border-radius: 36px; + --canvas-node--status-icons-offset: var(--spacing-2xs); height: var(--canvas-node--height); width: var(--canvas-node--width); @@ -248,8 +249,8 @@ function openContextMenu(event: MouseEvent) { .statusIcons { position: absolute; - bottom: var(--spacing-2xs); - right: var(--spacing-2xs); + bottom: var(--canvas-node--status-icons-offset); + right: var(--canvas-node--status-icons-offset); } .triggerIcon { diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue index e3736e54b7..cd730f885a 100644 --- a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue +++ b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue @@ -88,7 +88,13 @@ const hideNodeIssues = computed(() => false); // @TODO Implement this } .running { - color: var(--color-primary); + width: calc(100% - 2 * var(--canvas-node--status-icons-offset)); + height: calc(100% - 2 * var(--canvas-node--status-icons-offset)); + display: flex; + align-items: center; + justify-content: center; + font-size: 3.75em; + color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7); } .issues {