Refactor activity log UI

This commit is contained in:
2026-06-03 17:37:28 +02:00
parent fc84d55bd6
commit ffe6d04d75
2 changed files with 54 additions and 26 deletions

View File

@ -327,29 +327,51 @@ code {
.badge-activity-app_change { background: var(--badge-in-progress-bg); color: var(--badge-in-progress-fg); }
.badge-activity-web_change { background: var(--badge-supervisor-bg); color: var(--badge-supervisor-fg); }
.badge-activity-web_export { background: var(--badge-admin-bg); color: var(--badge-admin-fg); }
.badge-activity-api_error { background: var(--badge-archived-bg); color: var(--badge-archived-fg); }
.activity-log-card .table-wrapper { max-height: 420px; overflow: auto; }
.activity-log-card .filter-bar label {
margin: 0;
line-height: 1.2;
}
.activity-log-detail {
font-size: 0.8rem;
max-width: 280px;
word-break: break-word;
}
table.data-table.activity-log-table th,
table.data-table.activity-log-table td {
vertical-align: top;
line-height: 1.45;
}
table.data-table.activity-log-table .activity-log-col-time,
table.data-table.activity-log-table .activity-log-col-meta {
white-space: nowrap;
}
table.data-table.activity-log-table .activity-log-col-kind {
white-space: nowrap;
}
table.data-table.activity-log-table .activity-log-col-route code {
display: inline-block;
max-width: 12rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
table.data-table.activity-log-table code {
font-size: 0.8rem;
line-height: 1.45;
vertical-align: top;
}
table.data-table.activity-log-table .badge {
vertical-align: top;
}
.activity-log-changes-cell {
min-width: 220px;
max-width: 420px;
vertical-align: top;
}
.activity-log-subject,
.activity-log-actor {
font-size: 0.85rem;
vertical-align: top;
}
.activity-log-ip {
font-size: 0.8rem;
white-space: nowrap;
vertical-align: top;
}
.activity-log-ip code {
font-size: 0.78rem;
}
.activity-log-subject strong,
.activity-log-actor strong {
@ -360,6 +382,12 @@ code {
color: var(--text-secondary);
font-size: 0.78rem;
}
.activity-log-error {
margin-top: 6px;
font-size: 0.8rem;
color: var(--danger);
line-height: 1.35;
}
.activity-change-raw {
font-size: 0.72rem;
color: var(--text-secondary);
@ -376,14 +404,17 @@ code {
text-align: left;
font-weight: 600;
color: var(--text-secondary);
padding: 2px 10px 2px 0;
padding: 3px 10px 3px 0;
vertical-align: top;
white-space: nowrap;
line-height: 1.45;
}
.activity-changes-table td {
padding: 2px 0;
padding: 3px 0;
word-break: break-word;
color: var(--text);
vertical-align: top;
line-height: 1.45;
}
.activity-changes-table tr + tr th,
.activity-changes-table tr + tr td {