Desktop-Layout: Filter & Suche rechts neben Ausflugsziele statt darüber

Schließt Issue #3 ("Übersichtlicher Gestalten"). Karte, Ausflugsziele
und Filter stehen ab 1024px jetzt in einer Zeile nebeneinander statt
Filter über der Liste. Filter & Suche bleibt über das native
<details>-Element auf-/zuklappbar, die Zwangs-Offen-Regel für Desktop
entfällt dafür.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-28 11:54:39 +02:00
co-authored by Claude Sonnet 5
parent 22e6f9df02
commit dccfeddb0e
2 changed files with 17 additions and 31 deletions
+14 -12
View File
@@ -1,13 +1,14 @@
/* Desktop-Layout ab 1024px: Karte und Liste nebeneinander (Grid). */
/* Desktop-Layout ab 1024px: Karte, Ausflugsziele und Filter nebeneinander
(Grid, eine Zeile). Filter & Suche steht rechts und bleibt über das
native <details>-Element auf-/zuklappbar (siehe css/filters.css) - so
verdrängt ein geöffneter Filter nicht mehr die Ergebnisliste nach unten. */
@media (min-width: 1024px) {
.app-layout {
display: grid;
grid-template-columns: 65% 35%;
grid-template-rows: auto 1fr;
grid-template-areas:
'map filter'
'map list';
grid-template-columns: 1fr 320px 300px;
grid-template-rows: 1fr;
grid-template-areas: 'map list filter';
/* Höhe ergibt sich aus flex:1 auf .app-layout (siehe css/layout.css) -
damit passt sich die Höhe automatisch an, egal ob der Header gerade
durch ein geöffnetes Menü höher ist. */
@@ -19,16 +20,17 @@
min-height: 0;
}
.filter-panel {
grid-area: filter;
border-left: 1px solid var(--color-border);
max-height: 45vh;
}
.list-panel {
grid-area: list;
height: 100%;
overflow-y: auto;
border-left: 1px solid var(--color-border);
}
.filter-panel {
grid-area: filter;
height: 100%;
overflow-y: auto;
border-left: 1px solid var(--color-border);
}
}