mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-25 04:34:06 -08:00
feat(editor): Add chevron to filter component operator select (#8633)
This commit is contained in:
parent
b6c8a0c413
commit
20446bdf11
|
@ -84,12 +84,15 @@ function onGroupSelect(group: string) {
|
|||
>
|
||||
<template #reference>
|
||||
<div
|
||||
:class="$style.groupTitle"
|
||||
:class="$style.group"
|
||||
@mouseenter="() => onGroupSelect(group.id)"
|
||||
@click="() => onGroupSelect(group.id)"
|
||||
>
|
||||
<n8n-icon v-if="group.icon" :icon="group.icon" color="text-light" size="small" />
|
||||
<span>{{ i18n.baseText(group.name) }}</span>
|
||||
<div :class="$style.groupTitle">
|
||||
<n8n-icon v-if="group.icon" :icon="group.icon" color="text-light" size="small" />
|
||||
<span>{{ i18n.baseText(group.name) }}</span>
|
||||
</div>
|
||||
<n8n-icon icon="chevron-right" color="text-light" size="xsmall" />
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
|
@ -122,10 +125,11 @@ function onGroupSelect(group: string) {
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
.groupTitle {
|
||||
.group {
|
||||
display: flex;
|
||||
gap: var(--spacing-2xs);
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: var(--font-size-s);
|
||||
font-weight: var(--font-weight-bold);
|
||||
line-height: var(--font-line-height-regular);
|
||||
|
@ -137,4 +141,10 @@ function onGroupSelect(group: string) {
|
|||
background: var(--color-background-base);
|
||||
}
|
||||
}
|
||||
|
||||
.groupTitle {
|
||||
display: flex;
|
||||
gap: var(--spacing-2xs);
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue