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

Fix overflow issue in eventlog

Browse Source
This commit is contained in:
Johannes Zellner
2026-03-26 16:15:47 +01:00
parent 7d594ab0d3
commit a5da68a7f9
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/EventlogList.vue
+7 -4
View File
@@ -202,8 +202,8 @@ defineExpose({ refresh: onRefresh, setHighlight });
<table class="eventlog-table"> <table class="eventlog-table">
<thead> <thead>
<tr> <tr>
<th style="width: 160px;">{{ $t('eventlog.time') }}</th> <th style="width: 190px;">{{ $t('eventlog.time') }}</th>
<th style="width: 15%;">{{ $t('eventlog.source') }}</th> <th style="width: 100px;">{{ $t('eventlog.source') }}</th>
<th>{{ $t('eventlog.details') }}</th> <th>{{ $t('eventlog.details') }}</th>
<th style="width: 40px;"></th> <th style="width: 40px;"></th>
</tr> </tr>
@@ -211,9 +211,9 @@ defineExpose({ refresh: onRefresh, setHighlight });
<tbody> <tbody>
<template v-for="(eventlog, index) in eventlogs" :key="eventlog.id"> <template v-for="(eventlog, index) in eventlogs" :key="eventlog.id">
<tr :data-index="index" :class="{ 'active': eventlog.isOpen, 'eventlog-match': highlight && isMatch(eventlog, highlight), 'eventlog-match-current': matchIndices[currentMatchPosition] === index }" @click="eventlog.isOpen = !eventlog.isOpen"> <tr :data-index="index" :class="{ 'active': eventlog.isOpen, 'eventlog-match': highlight && isMatch(eventlog, highlight), 'eventlog-match-current': matchIndices[currentMatchPosition] === index }" @click="eventlog.isOpen = !eventlog.isOpen">
<td style="white-space: nowrap;">{{ prettyLongDate(eventlog.raw.creationTime) }}</td> <td>{{ prettyLongDate(eventlog.raw.creationTime) }}</td>
<td class="eventlog-source">{{ eventlog.source }}</td> <td class="eventlog-source">{{ eventlog.source }}</td>
<td style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" v-html="eventlog.details"></td> <td v-html="eventlog.details"></td>
<td><Button v-if="eventlog.raw.data.taskId" @click.stop plain small tool :href="app ? `/logs.html?appId=${app.id}&taskId=${eventlog.raw.data.taskId}` : `/logs.html?taskId=${eventlog.raw.data.taskId}`" target="_blank">Logs</Button></td> <td><Button v-if="eventlog.raw.data.taskId" @click.stop plain small tool :href="app ? `/logs.html?appId=${app.id}&taskId=${eventlog.raw.data.taskId}` : `/logs.html?taskId=${eventlog.raw.data.taskId}`" target="_blank">Logs</Button></td>
</tr> </tr>
<tr v-show="eventlog.isOpen"> <tr v-show="eventlog.isOpen">
@@ -243,6 +243,9 @@ defineExpose({ refresh: onRefresh, setHighlight });
.eventlog-table th, .eventlog-table th,
.eventlog-table td { .eventlog-table td {
padding: 6px; padding: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.eventlog-table tbody tr.active, .eventlog-table tbody tr.active,