Filter-Spalte auf Desktop beim Einklappen auf Icon schrumpfen lassen

Bisher blieb die Filter-Spalte auch bei geschlossenem <details>-Element
in voller Breite stehen, da nur der Inhalt (nicht die Grid-Spalte)
ausgeblendet wurde. Jetzt schrumpft die Spalte per :has()-Selektor auf
56px und zeigt nur noch ein Icon zum Wiederaufklappen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-28 12:43:01 +02:00
co-authored by Claude Sonnet 5
parent dccfeddb0e
commit 3a5348830c
3 changed files with 46 additions and 4 deletions
+8
View File
@@ -14,6 +14,13 @@
durch ein geöffnetes Menü höher ist. */
}
/* Filter-Spalte auf Icon-Breite schrumpfen, sobald das <details>-Element
darin geschlossen ist (siehe css/filters.css) - sonst bleibt die Spalte
trotz leerem Inhalt in voller Breite stehen. */
.app-layout:has(.filter-panel__details:not([open])) {
grid-template-columns: 1fr 320px 56px;
}
.map-panel {
grid-area: map;
height: 100%;
@@ -31,6 +38,7 @@
grid-area: filter;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
border-left: 1px solid var(--color-border);
}
}