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> <template>
<div :class="$style.schemaWrapper"> <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 <draggable
v-else v-else
type="mapping" type="mapping"
@ -116,7 +116,7 @@ const onDragEnd = (el: HTMLElement) => {
width: 100%; width: 100%;
background-color: var(--color-background-base); background-color: var(--color-background-base);
div[class*="alert"] { > div[class*="info"] {
padding: 0 var(--spacing-s); padding: 0 var(--spacing-s);
} }
} }

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

@ -12,7 +12,7 @@
@mouseenter="onMouseEnterCell" @mouseenter="onMouseEnterCell"
@mouseleave="onMouseLeaveCell" @mouseleave="onMouseLeaveCell"
> >
<n8n-alert :background="false" :description="$locale.baseText('runData.emptyItemHint')" /> <n8n-info-tip>{{ $locale.baseText('runData.emptyItemHint') }}</n8n-info-tip>
</td> </td>
<td :class="$style.tableRightMargin"></td> <td :class="$style.tableRightMargin"></td>
</tr> </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`] = ` exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
<div> <div>
<div <div
class="_schemaWrapper_1wosl_1" class="_schemaWrapper_1x7h2_1"
> >
<div <div
class="" class=""
> >
<div <div
class="_schema_1wosl_1" class="_schema_1x7h2_1"
> >
<div <div
class="_item_eg159_1" 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`] = ` exports[`RunDataJsonSchema.vue > renders schema for empty data 1`] = `
<div> <div>
<div <div
class="_schemaWrapper_1wosl_1" class="_schemaWrapper_1x7h2_1"
> >
<div <div
class="n8n-alert" class="n8n-info-tip _info_3egb8_33 _note_3egb8_16 _base_3egb8_1 _bold_3egb8_12"
role="alert"
> >
<div <span
class="_content_1qxmg_213" class="_iconText_3egb8_28"
> >
<span <span
class="_icon_1qxmg_209" class="n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5"
> >
<span <font-awesome-icon-stub
class="n8n-icon n8n-text _compact_e4k11_34 _size-medium_e4k11_19 _regular_e4k11_5" class="_medium_1pnjy_9"
> icon="info-circle"
<font-awesome-icon-stub />
class="_medium_1pnjy_9"
icon="info-circle"
/>
</span>
</span> </span>
<div <span>
class="_text_1qxmg_225" No data to show - item(s) exist, but they’re empty
> </span>
<!----> </span>
<div
class="_description_1qxmg_236"
>
No data to show - item(s) exist, but they’re empty
</div>
</div>
</div>
<!---->
</div> </div>
</div> </div>
</div> </div>