App list is for pro-users they need config action without extra click

This commit is contained in:
Johannes Zellner
2025-10-17 20:25:17 +02:00
parent 1f6ac49686
commit 0fb8914b67

View File

@@ -46,7 +46,7 @@ const stateFilterOptions = [
];
const listColumns = {
icon: {
width: '32px'
width: '40px'
},
label: {
label: 'Label',
@@ -109,12 +109,6 @@ function onActionMenu(app, event) {
}, {
separator: true,
visible: !!app.updateInfo,
}, {
icon: 'fa-solid fa-cog',
label: t('app.configureTooltip'),
href: `#/app/${app.id}/info`,
}, {
separator: true,
}, {
icon: 'fa-solid fa-align-left',
label: t('app.logsActionTooltip'),
@@ -358,6 +352,8 @@ onDeactivated(() => {
</template>
<template #actions="app">
<div style="text-align: right;">
<!-- TODO v-tooltip="$t('app.configureTooltip')" but needs pankow fix -->
<Button class="action-button" tool plain secondary :href="`#/app/${app.id}/info`" icon="fa-solid fa-cog" />
<Button tool plain secondary @click.capture="onActionMenu(app, $event)" icon="fa-solid fa-ellipsis" />
</div>
</template>
@@ -381,6 +377,14 @@ onDeactivated(() => {
<style scoped>
.action-button {
visibility: hidden;
}
tr:hover .action-button {
visibility: visible;
}
.grid-animation-move,
.grid-animation-enter-active,
.grid-animation-leave-active {