julien/meadows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(editor): add glossary tooltips to the palette

Browse Source
This commit is contained in:
Julien Calixte
2026-06-20 10:08:30 +02:00
parent e1efa3c823
commit cd276d9d2a
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Palette.vue
View File

@@ -6,6 +6,7 @@
* dataTransfer on drag). Flows aren't placed here — they're drawn by connecting
* two nodes (F2, next).
*/
import { NODE_GLOSSARY } from "@/model/glossary"
import { NODE_DND_MIME, type PlaceableKind } from "./palette-dnd"
const emit = defineEmits<{ add: [kind: PlaceableKind] }>()
@@ -27,8 +28,10 @@ function onDragStart(event: DragEvent, kind: PlaceableKind): void {
Add
</span>
<button
class="btn btn-ghost btn-sm cursor-grab justify-start gap-2 active:cursor-grabbing"
class="btn btn-ghost btn-sm tooltip tooltip-right cursor-grab justify-start gap-2 active:cursor-grabbing"
draggable="true"
:data-tip="NODE_GLOSSARY.stock.short"
:aria-label="`Stock — ${NODE_GLOSSARY.stock.short}`"
@click="emit('add', 'stock')"
@dragstart="onDragStart($event, 'stock')"
>
@@ -36,8 +39,10 @@ function onDragStart(event: DragEvent, kind: PlaceableKind): void {
Stock
</button>
<button
class="btn btn-ghost btn-sm cursor-grab justify-start gap-2 active:cursor-grabbing"
class="btn btn-ghost btn-sm tooltip tooltip-right cursor-grab justify-start gap-2 active:cursor-grabbing"
draggable="true"
:data-tip="NODE_GLOSSARY.converter.short"
:aria-label="`Converter — ${NODE_GLOSSARY.converter.short}`"
@click="emit('add', 'converter')"
@dragstart="onDragStart($event, 'converter')"
>