dapelzaandClaude Sonnet 5
dccfeddb0e
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>
37 lines
1.0 KiB
CSS
37 lines
1.0 KiB
CSS
/* 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: 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. */
|
|
}
|
|
|
|
.map-panel {
|
|
grid-area: map;
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
}
|