mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix icon spacing in accordion title (#13539)

Browse source
This commit is contained in:
Csaba Tuncsik 2025-02-27 08:57:29 +01:00 committed by GitHub
parent 3ca99194c6
commit ebaaf0e3d9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/design-system/src/components/N8nInfoAccordion/InfoAccordion.vue
View file

@ -55,13 +55,7 @@ const onTooltipClick = (item: string, event: MouseEvent) => emit('tooltipClick',
<template> <template>
<div :class="['accordion', $style.container]"> <div :class="['accordion', $style.container]">
<div :class="{ [$style.header]: true, [$style.expanded]: expanded }" @click="toggle"> <div :class="{ [$style.header]: true, [$style.expanded]: expanded }" @click="toggle">
<N8nIcon <N8nIcon v-if="headerIcon" :icon="headerIcon.icon" :color="headerIcon.color" size="small" />
v-if="headerIcon"
:icon="headerIcon.icon"
:color="headerIcon.color"
size="small"
class="mr-2xs"
/>
<N8nText :class="$style.headerText" color="text-base" size="small" align="left" bold>{{ <N8nText :class="$style.headerText" color="text-base" size="small" align="left" bold>{{
title title
}}</N8nText> }}</N8nText>
@ -102,10 +96,8 @@ const onTooltipClick = (item: string, event: MouseEvent) => emit('tooltipClick',
display: flex; display: flex;
padding: var(--spacing-s); padding: var(--spacing-s);
align-items: center; align-items: center;
justify-content: flex-start;
.headerText { gap: var(--spacing-3xs);
flex-grow: 1;
}
} }
.expanded { .expanded {