jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Always show actionBar if device has no hover

Browse Source
This commit is contained in:
Johannes Zellner
2025-12-20 08:39:19 +01:00
parent ad1fc9b9c7
commit d275b56dc1
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/ActionBar.vue
+15 -10
View File
@@ -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>