From d275b56dc1ce6756abda952e25238c5d3f58e9b3 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sat, 20 Dec 2025 08:39:19 +0100
Subject: [PATCH] Always show actionBar if device has no hover

---
 dashboard/src/components/ActionBar.vue | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/dashboard/src/components/ActionBar.vue b/dashboard/src/components/ActionBar.vue
index 764f990e9..6714f8d31 100644
--- a/dashboard/src/components/ActionBar.vue
+++ b/dashboard/src/components/ActionBar.vue
@@ -26,9 +26,9 @@ function onMenu(event) {
     <Menu ref="menuElement" :model="actions" />
     <ButtonGroup class="quick-action-group">
       <Button tool secondary v-for="quickAction in quickActions" :key="quickAction" :icon="quickAction.icon" @click="quickAction.action()" v-tooltip.top="quickAction.label"/>
-      <Button tool secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0"/>
+      <Button tool secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0 && actions.length !== quickActions.length"/>
     </ButtonGroup>
-    <Button tool plain secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0" class="menu-action" />
+    <Button tool plain secondary @click.capture="onMenu($event)" icon="fa-solid fa-ellipsis" v-if="actions.length > 0 && actions.length !== quickActions.length" class="menu-action" />
   </div>
 </template>
 
@@ -46,17 +46,22 @@ function onMenu(event) {
   display: block;
 }
 
-tr:hover .menu-action {
-  display: none;
-}
-
 .quick-action-group {
-  display: none;
-}
-
-tr:hover .quick-action-group {
   display: block;
 }
 
+@media (hover: hover) {
+  tr:hover .menu-action {
+    display: none;
+  }
+
+  .quick-action-group {
+    display: none;
+  }
+
+  tr:hover .quick-action-group {
+    display: block;
+  }
+}
 
 </style>
\ No newline at end of file