fix(triggers): improve layout of action buttons in trigger table (#13658)

This commit is contained in:
Sumit Shandillya
2025-12-16 17:50:46 +05:30
committed by GitHub
parent 1903e6fac5
commit 2f9216c70b

View File

@@ -204,24 +204,26 @@
className="row-action"
>
<template #default="scope">
<el-button v-if="scope.row.executionId || scope.row.evaluateRunningDate">
<Kicon
:tooltip="$t(`unlock trigger.tooltip.${scope.row.executionId ? 'execution' : 'evaluation'}`)"
placement="left"
@click="triggerToUnlock = scope.row"
>
<LockOff />
</Kicon>
</el-button>
<el-button>
<Kicon
:tooltip="$t('delete trigger')"
placement="left"
@click="confirmDeleteTrigger(scope.row)"
>
<Delete />
</Kicon>
</el-button>
<div class="action-container">
<el-button v-if="scope.row.executionId || scope.row.evaluateRunningDate">
<Kicon
:tooltip="$t(`unlock trigger.tooltip.${scope.row.executionId ? 'execution' : 'evaluation'}`)"
placement="left"
@click="triggerToUnlock = scope.row"
>
<LockOff />
</Kicon>
</el-button>
<el-button>
<Kicon
:tooltip="$t('delete trigger')"
placement="left"
@click="confirmDeleteTrigger(scope.row)"
>
<Delete />
</Kicon>
</el-button>
</div>
</template>
</el-table-column>
<el-table-column :label="$t('backfill')" columnKey="backfill">
@@ -855,6 +857,12 @@
align-items: center;
}
.action-container {
display: flex;
align-items: center;
gap: 5px;
}
.statusIcon {
font-size: large;
}
@@ -927,4 +935,4 @@
}
}
}
</style>
</style>