Merge branch 'master' into ci-benchmark-unify

This commit is contained in:
Declan Carroll
2026-03-16 19:24:30 +00:00
committed by GitHub
6 changed files with 20 additions and 7 deletions

1
.gitignore vendored
View File

@@ -56,3 +56,4 @@ packages/cli/src/commands/export/outputs
.data/
.claude/settings.local.json
lefthook-local.yml
.playwright-mcp

View File

@@ -171,13 +171,10 @@ export const IconOnly: Story = {
template: `
<div style="display: grid; place-items: center;">
<div style="display: flex; gap: 12px; align-items: center;">
<N8nButton variant="solid" size="xsmall" icon-only aria-label="Add">
<N8nIcon icon="plus" size="xsmall" />
</N8nButton>
<N8nButton variant="solid" size="small" icon-only aria-label="Add">
<N8nIcon icon="plus" size="small" />
</N8nButton>
<N8nButton variant="solid" size="medium" icon-only aria-label="Add">
<N8nButton variant="solid" size="xsmall" icon="plus" icon-only aria-label="Add" />
<N8nButton variant="solid" size="small" icon="plus" icon-only aria-label="Add" />
<N8nButton variant="solid" size="medium" icon="plus" icon-only aria-label="Add" />
<N8nButton loading variant="solid" size="medium" icon-only aria-label="Add">
<N8nIcon icon="plus" size="medium" />
</N8nButton>
</div>

View File

@@ -96,6 +96,7 @@ const handleClick = (event: MouseEvent) => {
:aria-busy="loading || undefined"
:tabindex="componentTag === 'a' && isDisabled ? -1 : undefined"
:class="classes"
:data-icon-only="iconOnly ? 'true' : undefined"
aria-live="polite"
@click="handleClick"
>
@@ -390,6 +391,8 @@ const handleClick = (event: MouseEvent) => {
&.iconOnly {
width: var(--button--height);
padding: 0;
justify-content: center;
align-items: center;
> * {
width: var(--button--height);

View File

@@ -42,6 +42,7 @@ exports[`N8nPromptInput > rendering > should render correctly with default props
aria-label="Send"
aria-live="polite"
class="button button solid small iconOnly disabled sendButton"
data-icon-only="true"
data-test-id="send-message-button"
disabled=""
type="button"
@@ -131,6 +132,7 @@ exports[`N8nPromptInput > rendering > should render streaming state without disa
aria-label="Stop"
aria-live="polite"
class="button button solid small iconOnly stopButton"
data-icon-only="true"
data-test-id="send-message-button"
type="button"
>

View File

@@ -167,6 +167,11 @@ function getNodeTypeByName(name: string): INodeTypeDescription | null {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.split &[data-icon-only] {
padding-inline-start: 0;
width: var(--spacing--2xl);
}
}
.divider {

View File

@@ -163,6 +163,11 @@ async function handleClickExecute() {
transform-origin: center right;
}
/* Override N8nButton's .disabled { opacity: 0.5 } which has higher specificity */
& button[disabled] {
opacity: 0;
}
&.interactive.hovered button {
opacity: 1;
translate: 0 0;