From a4aec8319dd3836d559cd98067ab52c4f2ee52c6 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 31 Jul 2025 20:15:02 +0200
Subject: [PATCH] Fix three dot menus

---
 packages/frontend-2/components/viewer/models/Card.vue      | 2 +-
 .../frontend-2/components/viewer/resources/VersionCard.vue | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/viewer/models/Card.vue b/packages/frontend-2/components/viewer/models/Card.vue
index 3e161107d..2b50054c8 100644
--- a/packages/frontend-2/components/viewer/models/Card.vue
+++ b/packages/frontend-2/components/viewer/models/Card.vue
@@ -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"
diff --git a/packages/frontend-2/components/viewer/resources/VersionCard.vue b/packages/frontend-2/components/viewer/resources/VersionCard.vue
index a050a3e39..eeedda8ff 100644
--- a/packages/frontend-2/components/viewer/resources/VersionCard.vue
+++ b/packages/frontend-2/components/viewer/resources/VersionCard.vue
@@ -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 />