github-mirror/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2026-10-17 05:29:44 +02:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity Graph

fix: Keep execution details clear of preview canvas (#40176)
Some checks failed
Build: Benchmark Image / build (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Build & format (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Unit tests (24.18.1) (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Unit tests (26.5.1) (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Lint (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Verify single-instance deps (npm-install) (push) Has been cancelled
Details
Util: Publish API Schema / Cloudflare Pages (push) Has been cancelled
Details
CI: Master (Build, Test, Lint) / Notify Slack on failure (push) Has been cancelled
Details

Browse Source 
Co-authored-by: n8n-cat-bot[bot] <n8n-cat-bot[bot]@users.noreply.github.com>
This commit is contained in:
n8n-cat-bot[bot] 2026-10-09 10:46:58 +00:00 committed by GitHub
parent c21ed4f13a
commit af98327a5e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/frontend/editor-ui/src/features/execution/executions/components/workflow/WorkflowExecutionsPreview.vue
View File

@ -497,38 +497,41 @@ const onVoteClick = async (voteValue: AnnotationVote) => {
</div>
</div>
<ExecutionPreviewHost :workflow-id="workflowId" :execution-id="executionId" :node-id="nodeId" />
<ExecutionPreviewHost
:class="$style.previewHost"
:workflow-id="workflowId"
:execution-id="executionId"
:node-id="nodeId"
/>
</div>
</template>
<style module lang="scss">
.previewContainer {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.executionDetails {
position: absolute;
// Stack above the native canvas below it; the canvas owns its own stacking
// context, so without this its panes would intercept clicks on these actions.
z-index: 1;
flex-shrink: 0;
padding: var(--spacing--md);
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
transition: all 150ms ease-in-out;
pointer-events: none;
background-color: var(--background--surface);
> div:last-child {
display: flex;
align-items: center;
}
}
& * {
pointer-events: all;
}
.previewHost {
flex: 1;
min-height: 0;
}
.executionDetailsLeft {