opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-10-29 17:42:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Workaround sticky tooltips when buttons become disabled.

Browse Source
This commit is contained in:
John Chilton
2025-03-13 15:42:37 -04:00
parent cce4cea255
commit a58d6aeadc
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Form/FormListElementOperations.vue
+26 -24
View File
@@ -24,30 +24,32 @@ const emit = defineEmits<{
<template>
<span class="float-right">
<BButtonGroup>
<BButton
:id="upButtonId"
v-b-tooltip.hover.bottom
:disabled="index == 0"
title="move up"
role="button"
variant="link"
size="sm"
class="ml-0"
@click="() => emit('swap-up')">
<FontAwesomeIcon :icon="faCaretUp" />
</BButton>
<BButton
:id="downButtonId"
v-b-tooltip.hover.bottom
:disabled="index >= numElements - 1"
title="move down"
role="button"
variant="link"
size="sm"
class="ml-0"
@click="() => emit('swap-down')">
<FontAwesomeIcon :icon="faCaretDown" />
</BButton>
<span v-b-tooltip.hover.bottom title="move up">
<BButton
:id="upButtonId"
v-b-tooltip.hover.bottom
:disabled="index == 0"
role="button"
variant="link"
size="sm"
class="ml-0"
@click="() => emit('swap-up')">
<FontAwesomeIcon :icon="faCaretUp" />
</BButton>
</span>
<span v-b-tooltip.hover.bottom title="move down">
<BButton
:id="downButtonId"
:disabled="index >= numElements - 1"
title="move down"
role="button"
variant="link"
size="sm"
class="ml-0"
@click="() => emit('swap-down')">
<FontAwesomeIcon :icon="faCaretDown" />
</BButton>
</span>
</BButtonGroup>
<span v-b-tooltip.hover.bottom :title="deleteTooltip">