feat(editor): Added animated tooltips to draggable columns in input panel

* 💄 Added animated tooltip to draggable columns in input panel

* 💄 Adding gif to data mapping discoverability tooltip
This commit is contained in:
Milorad FIlipović
2022-08-17 11:51:30 +02:00
committed by GitHub
parent e3f0ee68b4
commit 054cc010ed
3 changed files with 3 additions and 3 deletions

View File

@@ -15,7 +15,7 @@
<tr>
<th v-for="(column, i) in tableData.columns || []" :key="column">
<n8n-tooltip placement="bottom-start" :disabled="!mappingEnabled || showHintWithDelay" :open-delay="1000">
<div slot="content">{{ $locale.baseText('dataMapping.dragColumnToFieldHint') }}</div>
<div slot="content" v-html="$locale.baseText('dataMapping.dragColumnToFieldHint')"></div>
<Draggable type="mapping" :data="getExpression(column)" :disabled="!mappingEnabled" @dragstart="onDragStart" @dragend="(column) => onDragEnd(column)">
<template v-slot:preview="{ canDrop }">
<div :class="[$style.dragPill, canDrop ? $style.droppablePill: $style.defaultPill]">