- Always render the checkbox column and bulk bar; disable with a reason instead of hiding when settlement is off or the page has no pending rows - Replace the batch-settle button with a bulk action select (settle / delete) plus apply, matching the charge cards and invite codes pages - Add per-row delete for pending records and Revenue::delete_pending(), guarded by status = 'pending' so settled ledger-backed rows are never removed - Report done / failed counts for bulk settle and delete Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
53 lines
3.0 KiB
CSS
53 lines
3.0 KiB
CSS
/* 创作分成(aksrt_income):统计 + 状态视图 + 筛选 + 分成表。复用 native-ui.css 的 --an-* 令牌,规则限定在 .aksrt-income-page 下。 */
|
|
|
|
/* ---------- 状态视图 ---------- */
|
|
.aksrt-income-page .aksrt-income-views { display: flex; width: fit-content; max-width: 100%; }
|
|
|
|
/* ---------- 筛选栏 ---------- */
|
|
.aksrt-income-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
|
.aksrt-income-filters label { display: inline-flex; margin: 0; }
|
|
.aksrt-income-filters__search { flex: 1 1 220px; }
|
|
.aksrt-income-filters__search input { width: 100%; }
|
|
.aksrt-income-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
|
.aksrt-income-page .aksrt-income-filters__id { width: 96px; }
|
|
.aksrt-income-filters__submit { display: inline-flex; gap: 8px; }
|
|
|
|
/* ---------- 批量操作 ---------- */
|
|
.aksrt-income-bulk { margin: 0; }
|
|
.aksrt-income-bulk__count { color: var(--an-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
|
.aksrt-income-bulk__count.is-active { color: var(--an-text); font-weight: 500; }
|
|
.aksrt-income-page .aksrt-income-bulk .button:disabled { opacity: .6; cursor: not-allowed; }
|
|
.aksrt-income-table .check-column input:disabled { cursor: not-allowed; opacity: .45; }
|
|
|
|
/* ---------- 分成表 ---------- */
|
|
.aksrt-income-table { min-width: 1040px; table-layout: fixed; }
|
|
.aksrt-income-table .column-record { width: 13%; }
|
|
.aksrt-income-table .column-author { width: 15%; }
|
|
.aksrt-income-table .column-source { width: 24%; }
|
|
.aksrt-income-table .column-base { width: 14%; }
|
|
.aksrt-income-table .column-amount { width: 12%; }
|
|
.aksrt-income-table .column-status { width: 12%; }
|
|
.aksrt-income-table .column-actions { width: 13%; }
|
|
.aksrt-income-table td,
|
|
.aksrt-income-table tbody th { vertical-align: top; }
|
|
.aksrt-income-id { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; }
|
|
.aksrt-income-post { display: block; color: var(--an-text); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
|
|
a.aksrt-income-post:hover,
|
|
a.aksrt-income-post:focus { color: var(--an-primary); }
|
|
.aksrt-income-order { color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; }
|
|
.aksrt-income-order:hover,
|
|
.aksrt-income-order:focus { color: var(--an-primary); }
|
|
.aksrt-income-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
|
.aksrt-income-table .column-base,
|
|
.aksrt-income-table .column-amount { font-variant-numeric: tabular-nums; }
|
|
|
|
/* 行内操作:每个按钮是一个独立 POST 表单 */
|
|
.aksrt-income-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
|
.aksrt-income-action { display: inline-flex; margin: 0; }
|
|
.aksrt-income-action .button[disabled] { opacity: .6; cursor: progress; }
|
|
|
|
@media (max-width: 782px) {
|
|
.aksrt-income-filters__search { flex-basis: 100%; }
|
|
.aksrt-income-filters__range { flex-wrap: wrap; }
|
|
}
|