Skip to content

Commit

Permalink
fix (ui): correct zoom button order
Browse files Browse the repository at this point in the history
reorders the buttons for the zoom adjustment such that decreasing
zoom is placed on the left and increasing zoom is placed on the
right
  • Loading branch information
leherkom committed Nov 17, 2024
1 parent 65c112f commit 2799eb2
Showing 1 changed file with 7 additions and 6 deletions.
13 changes: 7 additions & 6 deletions components/kanban/ZoomAdjustment.vue
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. -->
<template #trigger>
<button
class="bg-elevation-1 bg-elevation-2-hover transition-button border-elevation-2 rounded-l-2xl border-r px-3.5 py-2"
@click="increaseZoomLevel"
@click="decreaseZoomLevel"
>
<MagnifyingGlassPlusIcon class="size-5" />
<MagnifyingGlassMinusIcon class="size-5" />
</button>
</template>
<template #content> {{ $t("components.kanban.zoomAdjustment.increaseLevel") }} </template>
<template #content> {{ $t("components.kanban.zoomAdjustment.decreaseLevel") }} </template>
</Tooltip>
<Tooltip direction="top">
<template #trigger>
Expand All @@ -46,13 +46,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. -->
<template #trigger>
<button
class="bg-elevation-1 bg-elevation-2-hover transition-button border-elevation-2 rounded-r-2xl border-l px-3.5 py-2"
@click="decreaseZoomLevel"
@click="increaseZoomLevel"
>
<MagnifyingGlassMinusIcon class="size-5" />
<MagnifyingGlassPlusIcon class="size-5" />
</button>
</template>
<template #content> {{ $t("components.kanban.zoomAdjustment.decreaseLevel") }} </template>
<template #content> {{ $t("components.kanban.zoomAdjustment.increaseLevel") }} </template>
</Tooltip>

</div>
</template>

Expand Down

0 comments on commit 2799eb2

Please sign in to comment.