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:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user