rustio-admin 0.23.0

Django Admin, but for Rust. A small, focused admin framework.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

/* ============================================================
 * rustio-admin / components / timeline
 *
 * Vertical log surface for audit history — each entry is a
 * left-rail-coloured row keyed to its semantic kind (success /
 * info / warning / error / muted).
 * ============================================================ */

.rio-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--rio-s2);
}
.rio-timeline-item {
  padding: var(--rio-s3) var(--rio-s4);
  /* Coloured accent on the inline-start edge — mirrors to the right
   * side in RTL, which is what an accent indicator should do. The
   * radius longhand keeps the rounded corners on the end side so
   * the bar reads as a tab attached to the item, regardless of
   * writing direction. */
  border-inline-start: 3px solid var(--rio-border);
  background: var(--rio-surface-2);
  border-start-end-radius: var(--rio-radius-sm);
  border-end-end-radius: var(--rio-radius-sm);
  font-size: var(--rio-fs-md);
}
.rio-timeline-item--success { border-inline-start-color: var(--rio-success); }
.rio-timeline-item--info    { border-inline-start-color: var(--rio-accent); }
.rio-timeline-item--warning { border-inline-start-color: var(--rio-warning); }
.rio-timeline-item--error   { border-inline-start-color: var(--rio-danger); }
.rio-timeline-item--muted   { border-inline-start-color: var(--rio-border); }

/* Per-update field diff. Rendered inline under the summary cell
 * on the object-history page: one row per changed column, with a
 * subtle arrow separating before/after. The grid lays the four
 * cells (label, from, arrow, to) side-by-side on wide rows and
 * wraps gracefully on narrow ones. */
.rio-history-diff {
  margin: var(--rio-s2) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: var(--rio-fs-sm);
}
.rio-history-diff__row {
  display: grid;
  grid-template-columns: minmax(8ch, auto) 1fr auto 1fr;
  gap: 0.4rem;
  align-items: baseline;
}
.rio-history-diff__label {
  font-weight: var(--rio-fw-semibold);
  color: var(--rio-text-muted);
  margin: 0;
}
.rio-history-diff__value { margin: 0; min-width: 0; }
.rio-history-diff__arrow { color: var(--rio-text-subtle); margin: 0; }
.rio-history-diff__old {
  color: var(--rio-danger);
  text-decoration: line-through;
  text-decoration-color: rgb(var(--rio-accent-rgb) / 0.4);
  text-decoration-thickness: 1px;
}
.rio-history-diff__new {
  color: var(--rio-success, var(--rio-text-strong));
  font-weight: var(--rio-fw-medium);
}