feat(objekte): Umschalter Kacheln/Gruppierung, useIsDesktop statt CSS-Doppelrender
Ansicht wird jetzt per Button in der Leiste umgeschaltet (persistiert in localStorage) statt fest auf Gruppierung. Zusätzlich: Tabelle/Karten- Umschaltung lief bisher über zwei parallel im DOM liegende, per CSS ein-/ ausgeblendete Blöcke - durch echten useIsDesktop-Hook (matchMedia) ersetzt, reagiert live auf Resize statt nur beim Neuladen. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
This commit is contained in:
@@ -697,8 +697,8 @@ select.input:focus {
|
||||
}
|
||||
|
||||
/* 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). */
|
||||
(mehr Objekte auf einen Blick am Desktop) - Umschaltung per useIsDesktop-
|
||||
Hook (echte Breiten-Erkennung, reagiert live auf Resize), nicht per CSS. */
|
||||
.objekte-gruppe {
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
@@ -708,20 +708,6 @@ select.input:focus {
|
||||
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