Skip to content

Commit 480f37e

Browse files
use PrimeVue tooltip for "enter subgraph" button on Vue node headers (#5920)
## Summary Replaced HTML `title` attribute with PrimeVue tooltip component for the "Enter Subgraph" button in Vue node headers. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-5920-use-PrimeVue-tooltip-for-enter-subgraph-button-on-Vue-node-headers-2826d73d365081bdb0b9dcc7b4509d39) by [Unito](https://www.unito.io)
1 parent 1df6187 commit 480f37e

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/renderer/extensions/vueNodes/components/NodeHeader.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,11 @@
4545
<div class="flex items-center lod-toggle shrink-0">
4646
<IconButton
4747
v-if="isSubgraphNode"
48+
v-tooltip.top="enterSubgraphTooltipConfig"
4849
size="sm"
4950
type="transparent"
5051
class="text-stone-200 dark-theme:text-slate-300"
5152
data-testid="subgraph-enter-button"
52-
title="Enter Subgraph"
5353
@click.stop="handleEnterSubgraph"
5454
@dblclick.stop
5555
>
@@ -123,6 +123,10 @@ const tooltipConfig = computed(() => {
123123
return createTooltipConfig(description)
124124
})
125125
126+
const enterSubgraphTooltipConfig = computed(() => {
127+
return createTooltipConfig(st('enterSubgraph', 'Enter Subgraph'))
128+
})
129+
126130
const headerStyle = computed(() => {
127131
const colorPaletteStore = useColorPaletteStore()
128132

0 commit comments

Comments
 (0)