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

feat(member-live): keep the compact overview font legible

Browse source
This commit is contained in:
Simon 2026-07-16 09:39:02 +02:00
parent e16ef1bea4
commit 561463725a
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/css/app.css
View file

@ -693,6 +693,16 @@
.table.table-lg thead tr { font-size: 1.125rem; } .table.table-lg thead tr { font-size: 1.125rem; }
.table.table-xl thead tr { font-size: 1.375rem; } .table.table-xl thead tr { font-size: 1.375rem; }
/*
* Compact density keeps table-xs's tight row spacing but lifts the OVERVIEW's
* font off the tiny xs size (0.6875rem) so member names stay comfortably legible,
* especially on high-DPI displays: body cells at sm (0.875rem), header a touch
* smaller. Scoped to #members-keyboard so other table-xs tables keep DaisyUI's
* default xs sizing.
*/
#members-keyboard .table.table-xs :not(thead, tfoot) tr { font-size: 0.875rem; }
#members-keyboard .table.table-xs thead tr { font-size: 0.8125rem; }
/* /*
* Density-tracking badges and sort icons in the member overview. * Density-tracking badges and sort icons in the member overview.
* *
@ -709,7 +719,7 @@
*/ */
#members-keyboard .table.table-xs .badge { #members-keyboard .table.table-xs .badge {
--size: calc(var(--size-selector, 0.25rem) * 4); --size: calc(var(--size-selector, 0.25rem) * 4);
font-size: 0.625rem; font-size: 0.75rem;
padding-inline: calc(0.25rem * 2 - var(--border)); padding-inline: calc(0.25rem * 2 - var(--border));
} }
#members-keyboard .table.table-md .badge { #members-keyboard .table.table-md .badge {