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
+3 -19
View File
@@ -1,8 +1,9 @@
/* Filter- und Suchpanel (Phase 4). Struktur wird von
js/filters/filterPanel.js in #filter-panel eingehängt.
Mobile: <details>/<summary> als einfaches, JS-freies Auf-/Zuklappen.
Desktop (>=1024px, siehe css/responsive.css): immer sichtbar/offen. */
<details>/<summary> übernimmt das Auf-/Zuklappen JS-frei - sowohl mobil
(Panel oberhalb der Liste) als auch auf Desktop (>=1024px, Panel als
eigene Spalte rechts neben der Ergebnisliste, siehe css/responsive.css). */
.filter-panel {
background: var(--color-surface);
@@ -162,22 +163,5 @@
@media (min-width: 1024px) {
.filter-panel {
border-bottom: none;
overflow-y: auto;
}
.filter-panel__summary {
cursor: default;
}
/* Details-Inhalt unabhängig vom open-Attribut immer anzeigen, damit das
Panel auf Desktop nicht eingeklappt werden kann/muss (überschreibt die
UA-Default-Regel "details:not([open]) > *:not(summary){display:none}"). */
.filter-panel__body {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
}
.filter-panel__actions {
grid-column: 1 / -1;
}
}