github-mirror/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2026-05-12 16:10:30 +02:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

fix(editor): Fix styles on disabled Publish button (no-changelog) (#28531)

Browse Source
This commit is contained in:
Rob Hough 2026-04-16 18:15:11 +02:00 committed by GitHub
parent c6534fa0b3
commit 04860d5cd7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/frontend/@n8n/design-system/src/components/N8nButton/Button.vue
View File

@ -382,6 +382,13 @@ const handleClick = (event: MouseEvent) => {
&.disabled {
opacity: 0.5;
cursor: not-allowed;
&:hover {
background-color: var(--button--color--background);
box-shadow:
inset var(--button--border--shadow),
var(--button--shadow);
}
}
&.loading {

2
packages/frontend/editor-ui/src/app/components/MainHeader/WorkflowDetails.vue
View File

@ -512,7 +512,7 @@ $--header-spacing: 20px;
.actions {
display: flex;
align-items: center;
gap: var(--spacing--md);
gap: var(--spacing--4xs);
flex-wrap: nowrap;
}

10
packages/frontend/editor-ui/src/app/components/MainHeader/WorkflowHeaderDraftPublishActions.vue
View File

@ -524,7 +524,7 @@ defineExpose({
:class="$style.groupButtonLeft"
:loading="autoSaveForPublish"
:disabled="!publishButtonConfig.enabled || shouldDisablePublishButton"
variant="subtle"
variant="ghost"
data-test-id="workflow-open-publish-modal-button"
@click="onPublishButtonClick"
>
@ -558,8 +558,9 @@ defineExpose({
<template #activator>
<N8nIconButton
:class="$style.groupButtonRight"
variant="subtle"
variant="ghost"
icon="chevron-down"
:disabled="!publishButtonConfig.enabled || shouldDisablePublishButton"
:aria-label="i18n.baseText('node.moreActions')"
data-test-id="version-menu-button"
/>
@ -598,11 +599,13 @@ defineExpose({
.publishButtonWrapper {
position: relative;
display: inline-flex;
margin-right: var(--spacing--2xs);
margin-inline: var(--spacing--2xs);
}
.buttonGroup {
display: inline-flex;
border: var(--border);
border-radius: var(--radius--3xs);
}
.groupButtonLeft,
@ -620,6 +623,7 @@ defineExpose({
.groupButtonRight {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: var(--border);
}
.buttonGroup:has(.groupButtonLeft:not(:disabled):hover) .groupButtonRight {