feat(objekte): Liste nach Standort gruppiert, Desktop-Tabelle statt Karten
Objekte-Übersicht war eine flache Karten-Liste ohne Struktur. Jetzt nach Standort gruppiert (Pflichtfeld, deckt immer alle Objekte ab) mit Gruppenüberschrift + Anzahl. Ab 900px Breite Tabellen-Ansicht (Code/Name/ Status/letzte Kontrolle/Akte-Link) für mehr Objekte auf einen Blick, darunter weiterhin die Karten-Ansicht für mobil - beide liegen im DOM, CSS-Media-Query schaltet um statt JS-Breitenerkennung. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
This commit is contained in:
@@ -696,6 +696,32 @@ select.input:focus {
|
||||
background: var(--color-surface-sunken);
|
||||
}
|
||||
|
||||
/* Objekte-Liste: nach Standort gruppiert, ab 900px Tabelle statt Karten
|
||||
(mehr Objekte auf einen Blick am Desktop) - beide Ansichten liegen im DOM,
|
||||
CSS schaltet um statt JS-Breite-Erkennung (kein Hydration-/Resize-Zittern). */
|
||||
.objekte-gruppe {
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.objekte-gruppe-titel {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
.objekte-tabellen-ansicht {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.objekte-tabellen-ansicht {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.objekte-karten-ansicht {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* -- Dashboard-Kacheln (DNA-Referenz Resgrid/OpenFleet/Emergency-Management:
|
||||
KPI-Statistik-Karten sind dort durchgängig das zentrale Muster) --------- */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user