diff --git a/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/ActionDropdown.vue b/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/ActionDropdown.vue index 2a32ded027..3bb4f87dbf 100644 --- a/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/ActionDropdown.vue +++ b/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/ActionDropdown.vue @@ -28,6 +28,7 @@ interface ActionDropdownProps { hideArrow?: boolean; teleported?: boolean; disabled?: boolean; + extraPopperClass?: string; } const props = withDefaults(defineProps(), { @@ -67,7 +68,8 @@ defineSlots<{ const elementDropdown = ref>(); const popperClass = computed( - () => `${$style.shadow}${props.hideArrow ? ` ${$style.hideArrow}` : ''}`, + () => + `${$style.shadow}${props.hideArrow ? ` ${$style.hideArrow}` : ''} ${props.extraPopperClass ?? ''}`, ); const onSelect = (action: string) => emit('select', action); @@ -127,7 +129,12 @@ defineExpose({ open, close }); {{ item.label }} - + {{ item.badge }} @@ -200,6 +207,11 @@ defineExpose({ open, close }); } } +.checkIcon { + flex-grow: 0; + flex-shrink: 0; +} + .shortcut { display: flex; } diff --git a/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/__snapshots__/ActionDropdown.test.ts.snap b/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/__snapshots__/ActionDropdown.test.ts.snap index b1c5500dbc..2c2f443e80 100644 --- a/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/__snapshots__/ActionDropdown.test.ts.snap +++ b/packages/frontend/@n8n/design-system/src/components/N8nActionDropdown/__snapshots__/ActionDropdown.test.ts.snap @@ -2,12 +2,12 @@ exports[`components > N8nActionDropdown > should render custom styling correctly 1`] = ` "
- +
" `; exports[`components > N8nActionDropdown > should render default styling correctly 1`] = ` "
- +
" `; diff --git a/packages/frontend/editor-ui/src/components/canvas/elements/buttons/CanvasRunWorkflowButton.vue b/packages/frontend/editor-ui/src/components/canvas/elements/buttons/CanvasRunWorkflowButton.vue index e83f16fa61..450b7e8ebb 100644 --- a/packages/frontend/editor-ui/src/components/canvas/elements/buttons/CanvasRunWorkflowButton.vue +++ b/packages/frontend/editor-ui/src/components/canvas/elements/buttons/CanvasRunWorkflowButton.vue @@ -51,7 +51,7 @@ const actions = computed(() => return aY === bY ? aX - bX : aY - bY; }) .map((node) => ({ - label: truncateBeforeLast(node.name, 25), + label: truncateBeforeLast(node.name, 50), disabled: !!node.disabled || props.executing, id: node.name, checked: props.selectedTriggerNodeName === node.name, @@ -112,6 +112,7 @@ function getNodeTypeByName(name: string): INodeTypeDescription | null { :items="actions" :disabled="disabled" placement="top" + :extra-popper-class="$style.menuPopper" @select="emit('selectTriggerNode', $event)" >