From 2da3a355e7f2cef25c6192f66d22052bd68f3f6f Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 31 Jul 2025 20:23:16 +0200
Subject: [PATCH] Use separate format for left menu tooltips

---
 .../components/viewer/controls/Left.vue       | 36 ++++++++++++-------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/packages/frontend-2/components/viewer/controls/Left.vue b/packages/frontend-2/components/viewer/controls/Left.vue
index 62c3dfb28..9fe3ebc96 100644
--- a/packages/frontend-2/components/viewer/controls/Left.vue
+++ b/packages/frontend-2/components/viewer/controls/Left.vue
@@ -12,9 +12,12 @@
     <div class="flex flex-col gap-2 py-1" :class="isEmbedEnabled ? '' : 'lg:py-2'">
       <ViewerControlsButtonToggle
         v-tippy="
-          getTooltipProps(getShortcutDisplayText(shortcuts.ToggleModels), {
-            placement: 'top'
-          })
+          getTooltipProps(
+            getShortcutDisplayText(shortcuts.ToggleModels, { format: 'separate' }),
+            {
+              placement: 'top'
+            }
+          )
         "
         :active="activePanel === 'models'"
         :icon="'IconViewerModels'"
@@ -22,9 +25,12 @@
       />
       <ViewerControlsButtonToggle
         v-tippy="
-          getTooltipProps(getShortcutDisplayText(shortcuts.ToggleFilters), {
-            placement: 'top'
-          })
+          getTooltipProps(
+            getShortcutDisplayText(shortcuts.ToggleFilters, { format: 'separate' }),
+            {
+              placement: 'top'
+            }
+          )
         "
         :active="activePanel === 'filters'"
         :icon="'IconViewerExplorer'"
@@ -32,9 +38,12 @@
       />
       <ViewerControlsButtonToggle
         v-tippy="
-          getTooltipProps(getShortcutDisplayText(shortcuts.ToggleDiscussions), {
-            placement: 'top'
-          })
+          getTooltipProps(
+            getShortcutDisplayText(shortcuts.ToggleDiscussions, { format: 'separate' }),
+            {
+              placement: 'top'
+            }
+          )
         "
         :active="activePanel === 'discussions'"
         :icon="'IconViewerDiscussions'"
@@ -60,9 +69,12 @@
       >
         <ViewerControlsButtonToggle
           v-tippy="
-            getTooltipProps(getShortcutDisplayText(shortcuts.ToggleDevMode), {
-              placement: 'top'
-            })
+            getTooltipProps(
+              getShortcutDisplayText(shortcuts.ToggleDevMode, { format: 'separate' }),
+              {
+                placement: 'top'
+              }
+            )
           "
           :active="activePanel === 'devMode'"
           :icon="'IconViewerDev'"