local-it/mitgliederverwaltung
local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 59 Pull requests 5 Projects 2 Releases 5 Packages 1 Activity Actions

Rework member overview #553

Open
simon wants to merge 27 commits from issue/mitgliederverwaltung-547 into main
pull from: issue/mitgliederverwaltung-547
merge into: local-it:main
Conversation 0 Commits 27 Files changed 75 +8 -17
1 changed files with 8 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit c482a2630b - Show all commits

25
assets/css/app.css
View file

@ -704,24 +704,15 @@
#members-keyboard .table.table-xs thead tr { font-size: 0.8125rem; } #members-keyboard .table.table-xs thead tr { font-size: 0.8125rem; }
/* /*
* Density-tracking badges and sort icons in the member overview. * Overview badges (fee status, groups) keep a CONSISTENT size across both
* * densities. Compact mode now differs from comfortable only in row spacing, not
* The member table renders its rows via LiveView streams, so toggling density * font size (see the table-xs font rule above), so the badges match in both —
* only swaps the <table> size class (table-xs <-> table-md); it does NOT * otherwise a compact badge would read smaller than the text beside it. The size
* re-render the streamed rows. A per-row `size=` conditional therefore bakes a * is driven from the table size class in CSS (not a per-row `size` attr) because
* stale badge size into the streamed DOM. To make badges (and, for visual * the streamed rows are not re-rendered on a density toggle. Values mirror
* consistency, the header sort glyphs) follow the density toggle without any * daisyUI's .badge-md; scoped to #members-keyboard so other badges are untouched.
* row re-render, their size is driven purely from the table size class here.
*
* Badge values mirror daisyUI's own .badge-xs / .badge-md (font-size, --size
* which the base .badge uses for height, and padding-inline). Scoped to the
* member overview via #members-keyboard so unrelated badges are unaffected.
*/ */
#members-keyboard .table.table-xs .badge { #members-keyboard .table.table-xs .badge,
--size: calc(var(--size-selector, 0.25rem) * 4);
font-size: 0.75rem;
padding-inline: calc(0.25rem * 2 - var(--border));
}
#members-keyboard .table.table-md .badge { #members-keyboard .table.table-md .badge {
--size: calc(var(--size-selector, 0.25rem) * 6); --size: calc(var(--size-selector, 0.25rem) * 6);
font-size: 0.875rem; font-size: 0.875rem;