admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Fix square button layout (no-changelog) (#14671)

Browse Source 
Co-authored-by: Csaba Tuncsik <csaba.tuncsik@gmail.com>
This commit is contained in:
Raúl Gómez Morales
2025-04-17 19:46:53 +02:00
committed by GitHub
parent e6f26b895d
commit e1632348f2
6 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/editor-ui/src/components/__snapshots__/InputPanel.test.ts.snap
View File

@@ -137,9 +137,7 @@ exports[`InputPanel > should render 1`] = `
>
<!--v-if-->
<span>
Cancel
</span>
</button>
<button
@@ -149,9 +147,7 @@ exports[`InputPanel > should render 1`] = `
>
<!--v-if-->
<span>
Save
</span>
</button>
</div>

2
packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap
View File

@@ -2820,9 +2820,7 @@ exports[`VirtualSchema.vue > renders schema with spaces and dots 1`] = `
>
<!--v-if-->
<span>
Execute previous nodes
</span>
</button>
<!--teleport start-->

4
packages/frontend/editor-ui/src/components/canvas/elements/buttons/__snapshots__/CanvasControlButtons.test.ts.snap
View File

@@ -21,7 +21,9 @@ exports[`CanvasControlButtons > should render correctly 1`] = `
<!--teleport start-->
<!--teleport end-->
<!--v-if--><button class="button button tertiary large square iconButton el-tooltip__trigger el-tooltip__trigger iconButton el-tooltip__trigger el-tooltip__trigger" aria-live="polite" data-test-id="tidy-up-button">
<!--v-if--><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M1.6.13c-.18-.17-.47-.18-.62 0L.56.57.14.98c-.2.15-.18.44 0 .62l3.63 3.6c.1.1.1.27 0 .37-.2.2-.53.52-.93.94-.56.57-.12 1.62.22 2.11.05.07.12.1.2.1.05-.01.1-.04.15-.08l5.23-5.22c.1-.1.1-.26-.02-.34-.5-.34-1.55-.78-2.12-.22-.42.4-.75.73-.94.93-.1.1-.27.1-.37 0L1.6.13ZM9.5 3.9c.07-.09.2-.1.3-.04l6.07 3.44c.15.08.18.29.05.4l-1.21 1.22a.26.26 0 0 1-.26.07l-2.18-.64a.26.26 0 0 0-.32.33l.76 2.02c.04.1.01.2-.06.27L7.7 15.92a.26.26 0 0 1-.41-.05L3.83 9.8a.26.26 0 0 1 .04-.3l5.62-5.6Z"></path></svg></span>
<!--v-if--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" d="M1.6.13c-.18-.17-.47-.18-.62 0L.56.57.14.98c-.2.15-.18.44 0 .62l3.63 3.6c.1.1.1.27 0 .37-.2.2-.53.52-.93.94-.56.57-.12 1.62.22 2.11.05.07.12.1.2.1.05-.01.1-.04.15-.08l5.23-5.22c.1-.1.1-.26-.02-.34-.5-.34-1.55-.78-2.12-.22-.42.4-.75.73-.94.93-.1.1-.27.1-.37 0L1.6.13ZM9.5 3.9c.07-.09.2-.1.3-.04l6.07 3.44c.15.08.18.29.05.4l-1.21 1.22a.26.26 0 0 1-.26.07l-2.18-.64a.26.26 0 0 0-.32.33l.76 2.02c.04.1.01.2-.06.27L7.7 15.92a.26.26 0 0 1-.41-.05L3.83 9.8a.26.26 0 0 1 .04-.3l5.62-5.6Z"></path>
</svg>
</button>
<!--teleport start-->
<!--teleport end-->

23
packages/frontend/editor-ui/src/components/executions/ExecutionsFilter.vue
View File

@@ -166,11 +166,17 @@ onBeforeMount(() => {
square
:active="!!countSelectedFilterProps"
data-test-id="executions-filter-button"
:class="$style.filterButton"
>
<template v-if="!!countSelectedFilterProps" #default>
<n8n-badge theme="primary" class="mr-4xs" data-test-id="execution-filter-badge">{{
countSelectedFilterProps
}}</n8n-badge>
<n8n-badge
theme="primary"
class="mr-4xs"
data-test-id="execution-filter-badge"
:class="$style.filterBadge"
>
{{ countSelectedFilterProps }}
</n8n-badge>
</template>
</n8n-button>
</template>
@@ -401,6 +407,17 @@ onBeforeMount(() => {
.tooltipIcon {
color: var(--color-text-light);
}
.filterButton {
position: relative;
.filterBadge {
position: absolute;
top: 0;
right: -4px;
transform: translate(50%, -50%);
}
}
</style>
<style lang="scss" scoped>