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:
parent
ac0814e687
commit
e2219fb8ba
7 changed files with 38 additions and 20 deletions
|
|
@ -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>
|
||||
`;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue