Fix three dot menus

This commit is contained in:
andrewwallacespeckle
2025-07-31 20:15:02 +02:00
parent 074a232ee6
commit a4aec8319d
2 changed files with 6 additions and 3 deletions
@@ -58,7 +58,7 @@
<button
class="group-hover:opacity-100 hover:bg-highlight-3 rounded-md h-6 w-6 flex items-center justify-center"
:class="{
'opacity-100': showActionsMenu,
'opacity-100 bg-highlight-3': showActionsMenu,
'opacity-0': !showActionsMenu
}"
@click.stop="showActionsMenu = !showActionsMenu"
@@ -41,13 +41,16 @@
v-model:open="showActionsMenu"
class="ml-auto mr-2"
:items="actionsItems"
:menu-position="HorizontalDirection.Left"
:menu-position="HorizontalDirection.Right"
mount-menu-on-body
@click.stop.prevent
@chosen="onActionChosen"
>
<button
class="opacity-0 group-hover:opacity-100 hover:bg-highlight-3 rounded-md h-5 w-5 flex items-center justify-center shrink-0"
class="opacity-0 group-hover:opacity-100 hover:bg-highlight-3 rounded-md h-6 w-6 flex items-center justify-center shrink-0"
:class="{
'opacity-100 bg-highlight-3': showActionsMenu
}"
@click.stop="showActionsMenu = !showActionsMenu"
>
<IconThreeDots />