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): Schema view switch n8n-alert with n8n-info-tip

Browse source
This commit is contained in:
Csaba Tuncsik 2022-12-13 09:58:53 +01:00
parent 0294b5e89e
commit ef06ea8090
3 changed files with 18 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/editor-ui/src/components/RunDataSchema.vue
View file

@ -72,7 +72,7 @@ const onDragEnd = (el: HTMLElement) => {
<template>
<div :class="$style.schemaWrapper">
<n8n-alert v-if="isDataEmpty" :background="false" :description="i18n.baseText('dataMapping.schemaView.emptyData')" />
<n8n-info-tip v-if="isDataEmpty">{{ i18n.baseText('dataMapping.schemaView.emptyData') }}</n8n-info-tip>
<draggable
v-else
type="mapping"
@ -116,7 +116,7 @@ const onDragEnd = (el: HTMLElement) => {
width: 100%;
background-color: var(--color-background-base);
div[class*="alert"] {
> div[class*="info"] {
padding: 0 var(--spacing-s);
}
}

2
packages/editor-ui/src/components/RunDataTable.vue
View file

@ -12,7 +12,7 @@
@mouseenter="onMouseEnterCell"
@mouseleave="onMouseLeaveCell"
>
<n8n-alert :background="false" :description="$locale.baseText('runData.emptyItemHint')" />
<n8n-info-tip>{{ $locale.baseText('runData.emptyItemHint') }}</n8n-info-tip>
</td>
<td :class="$style.tableRightMargin"></td>
</tr>

43
packages/editor-ui/src/components/__snapshots__/RunDataSchema.test.ts.snap
View file

@ -3,13 +3,13 @@
exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
<div>
<div
class="_schemaWrapper_1wosl_1"
class="_schemaWrapper_1x7h2_1"
>
<div
class=""
>
<div
class="_schema_1wosl_1"
class="_schema_1x7h2_1"
>
<div
class="_item_eg159_1"
@ -235,39 +235,26 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
exports[`RunDataJsonSchema.vue > renders schema for empty data 1`] = `
<div>
<div
class="_schemaWrapper_1wosl_1"
class="_schemaWrapper_1x7h2_1"
>
<div
class="n8n-alert"
role="alert"
class="n8n-info-tip _info_3egb8_33 _note_3egb8_16 _base_3egb8_1 _bold_3egb8_12"
>
<div
class="_content_1qxmg_213"
<span
class="_iconText_3egb8_28"
>
<span
class="_icon_1qxmg_209"
class="n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5"
>
<span
class="n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5"
>
<font-awesome-icon-stub
class="_medium_1pnjy_9"
icon="info-circle"
/>
</span>
<font-awesome-icon-stub
class="_medium_1pnjy_9"
icon="info-circle"
/>
</span>
<div
class="_text_1qxmg_225"
>
<!---->
<div
class="_description_1qxmg_236"
>
No data to show - item(s) exist, but they’re empty
</div>
</div>
</div>
<!---->
<span>
No data to show - item(s) exist, but they’re empty
</span>
</span>
</div>
</div>
</div>