From c1840f42d73dad35ca1446db8ff4efbd490e2724 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Fri, 8 Aug 2025 12:08:34 +0100
Subject: [PATCH] Fix model card truncation & overflow

---
 packages/frontend-2/components/viewer/layout/SidePanel.vue | 2 +-
 packages/frontend-2/components/viewer/models/Card.vue      | 2 +-
 packages/frontend-2/components/viewer/models/Panel.vue     | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/viewer/layout/SidePanel.vue b/packages/frontend-2/components/viewer/layout/SidePanel.vue
index 66ea185c6..3c2f0b9bb 100644
--- a/packages/frontend-2/components/viewer/layout/SidePanel.vue
+++ b/packages/frontend-2/components/viewer/layout/SidePanel.vue
@@ -9,7 +9,7 @@
       </div>
       <slot name="actions"></slot>
     </div>
-    <div class="flex-1 overflow-y-auto">
+    <div class="flex-1 overflow-y-auto overflow-x-hidden">
       <slot />
     </div>
   </div>
diff --git a/packages/frontend-2/components/viewer/models/Card.vue b/packages/frontend-2/components/viewer/models/Card.vue
index 9c32350cb..ffea94bf3 100644
--- a/packages/frontend-2/components/viewer/models/Card.vue
+++ b/packages/frontend-2/components/viewer/models/Card.vue
@@ -39,7 +39,7 @@
             {{ createdAtFormatted.relative }}
           </div>
         </div>
-        <div class="flex items-center ml-auto mr-2">
+        <div class="flex items-center ml-auto mr-2 w-0 group-hover:w-auto">
           <LayoutMenu
             v-model:open="showActionsMenu"
             :items="actionsItems"
diff --git a/packages/frontend-2/components/viewer/models/Panel.vue b/packages/frontend-2/components/viewer/models/Panel.vue
index 03c5ba60a..82e413985 100644
--- a/packages/frontend-2/components/viewer/models/Panel.vue
+++ b/packages/frontend-2/components/viewer/models/Panel.vue
@@ -61,7 +61,10 @@
             </template>
           </div>
 
-          <div ref="containerRef" class="flex-1 simple-scrollbar overflow-auto">
+          <div
+            ref="containerRef"
+            class="flex-1 simple-scrollbar overflow-y-auto overflow-x-hidden"
+          >
             <div
               :style="{
                 height: `${totalSize}px`,