fix(admin): move message row actions into a rightmost column

Add a dedicated operations column for viewing, marking read and deleting
messages. Keep the message cell focused on its title, excerpt and ID;
adjust column widths and empty-state colspan with regression coverage.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed 2026-10-30 17:45:52 +08:00
1 parent 1902ba1e87
commit 479b324f95
3 files changed
+36 -18

No files matched your search

+8 -7
View File
@@ -19,20 +19,21 @@
.aksrt-messages-admin__danger.button:hover,
.aksrt-messages-admin__danger.button:focus { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
.aksrt-messages-admin__table .column-title { width: 40%; }
.aksrt-messages-admin__table .column-type { width: 12%; }
.aksrt-messages-admin__table .column-user { width: 18%; }
.aksrt-messages-admin__table .column-title { width: 32%; }
.aksrt-messages-admin__table .column-type { width: 10%; }
.aksrt-messages-admin__table .column-user { width: 16%; }
.aksrt-messages-admin__table .column-read { width: 8%; }
.aksrt-messages-admin__table .column-time { width: 14%; }
.aksrt-messages-admin__table .column-time { width: 16%; }
.aksrt-messages-admin__table .column-actions { width: 18%; text-align: right; }
.aksrt-messages-admin__table td { vertical-align: middle; }
.aksrt-messages-admin__table .row-title { display: inline; padding: 0; font-weight: 600; text-align: left; word-break: break-word; line-height: 1.5; }
.aksrt-messages-admin__table .row-title { font-weight: 600; word-break: break-word; line-height: 1.5; }
.aksrt-messages-admin__table tr.is-unread .row-title { font-weight: 700; }
.aksrt-messages-admin__table tr.is-unread > th:first-child { box-shadow: inset 3px 0 0 var(--an-primary); }
.aksrt-messages-admin__table tr.is-selected > td,
.aksrt-messages-admin__table tr.is-selected > th { background: var(--an-primary-soft); }
.aksrt-messages-admin__desc { margin-top: 3px; color: var(--an-text-2); word-break: break-word; }
.aksrt-msg-row-actions { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; }
.aksrt-msg-row-actions button { padding: 0; font-size: 12px; text-decoration: none; }
.aksrt-msg-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 12px; }
.aksrt-msg-row-actions button { padding: 0; font-size: 12px; text-decoration: none; white-space: nowrap; }
/* 类型徽章(可点击筛选) */
.aksrt-msg-badge {