Admin-Panel: große Stat-Zahlen passen jetzt in die Chips (v1304)

Stat-Zahlen wurden bei vielen Stellen (z.B. OSM-Marker '3.063.735') durch
.card overflow:hidden abgeschnitten. _statCard() staffelt die Schriftgröße
jetzt nach Zeichenlänge (>=9 -> text-lg, >=7 -> text-xl, sonst text-2xl)
via neue .adm-stat-num-Klassen; white-space:nowrap gegen Umbruch. Volle
Praezision bleibt erhalten. Nebenbei verwaisten LOST-DOG-Kommentar geschlossen.
This commit is contained in:
rene 2026-06-18 20:46:23 +02:00
parent ac0814e687
commit e2219fb8ba
7 changed files with 38 additions and 20 deletions

View file

@ -767,15 +767,19 @@ window.Page_admin = (() => {
function _statCard(icon, label, value, color, tab = null) {
const clickable = tab ? `data-adm-tab="${tab}" style="padding:var(--space-4);text-align:center;cursor:pointer"` : `style="padding:var(--space-4);text-align:center"`;
// Lange Zahlen (z.B. "3.063.735") sprengen sonst die Chip-Breite und werden
// durch overflow:hidden abgeschnitten → Schriftgröße nach Länge staffeln.
const txt = (value ?? '—') + '';
const sizeCls = txt.length >= 9 ? ' adm-stat-num--xs'
: txt.length >= 7 ? ' adm-stat-num--sm'
: '';
return `
<div class="card" ${clickable}>
<svg class="ph-icon" style="width:24px;height:24px;color:${color};margin-bottom:var(--space-2)"
aria-hidden="true">
<use href="/icons/phosphor.svg#${icon}"></use>
</svg>
<div style="font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--c-text)">
${value ?? '—'}
</div>
<div class="adm-stat-num${sizeCls}">${value ?? '—'}</div>
<div style="font-size:var(--text-xs);color:var(--c-text-secondary);margin-top:2px">${label}</div>
</div>
`;