Merge branch 'master' into ci-benchmark-unify
This commit is contained in:
1
.gitignore
vendored
1
.gitignore
vendored
@@ -56,3 +56,4 @@ packages/cli/src/commands/export/outputs
|
||||
.data/
|
||||
.claude/settings.local.json
|
||||
lefthook-local.yml
|
||||
.playwright-mcp
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user