Add the D7 attendance sparkline to member detail; tighten the News list rows
Member detail: a 12-bar season attendance sparkline (present/absent/upcoming) beside Present/Absent/No-reply totals, shown for any rostered non-guardian member with events this season (events.services.attendance.member_attendance_ sparkline/_counts). News list: rows are one dense line (status pill inline with the headline, everything else folded into a single meta line) instead of the previous multi-line stacked layout that read as a small card per item. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
This commit is contained in:
@@ -1709,3 +1709,30 @@
|
||||
color: var(--color-ink);
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Member attendance sparkline (management/templates/management/member_detail.html) ---
|
||||
D7's 12-bar strip: uniform-height blocks, not a value chart -- each bar is
|
||||
just one event's outcome (ok present, club absent, edge upcoming), not a
|
||||
magnitude, so there's nothing for a bar's height to encode. */
|
||||
@layer components {
|
||||
.attendance-sparkline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.attendance-bar {
|
||||
width: 0.5rem;
|
||||
height: 2rem;
|
||||
border-radius: 2px;
|
||||
background: var(--color-edge);
|
||||
}
|
||||
|
||||
.attendance-bar-present {
|
||||
background: var(--color-ok);
|
||||
}
|
||||
|
||||
.attendance-bar-absent {
|
||||
background: var(--color-club);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user