mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(editor): Add old execution status rendering in new canvas (no-changelog) (#10473)

Browse source
This commit is contained in:
Alex Grozav 2024-08-19 17:06:25 +03:00 committed by GitHub
parent c77c6963c8
commit 9d8e574cc7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
View file

@ -123,6 +123,7 @@ function openContextMenu(event: MouseEvent) {
--configurable-node--icon-offset: 40px; --configurable-node--icon-offset: 40px;
--configurable-node--icon-size: 30px; --configurable-node--icon-size: 30px;
--trigger-node--border-radius: 36px; --trigger-node--border-radius: 36px;
--canvas-node--status-icons-offset: var(--spacing-2xs);
height: var(--canvas-node--height); height: var(--canvas-node--height);
width: var(--canvas-node--width); width: var(--canvas-node--width);
@ -248,8 +249,8 @@ function openContextMenu(event: MouseEvent) {
.statusIcons { .statusIcons {
position: absolute; position: absolute;
bottom: var(--spacing-2xs); bottom: var(--canvas-node--status-icons-offset);
right: var(--spacing-2xs); right: var(--canvas-node--status-icons-offset);
} }
.triggerIcon { .triggerIcon {

8
packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue
View file

@ -88,7 +88,13 @@ const hideNodeIssues = computed(() => false); // @TODO Implement this
} }
.running { .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 { .issues {