Fix: Gassi Desktop-Layout — Liste links + Karte rechts, Toggle ausgeblendet (SW by-v881)
This commit is contained in:
parent
bf1087c5e1
commit
79cfd63ea6
6 changed files with 59 additions and 12 deletions
|
|
@ -3539,6 +3539,50 @@ html.modal-open {
|
|||
#walks-map-view {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ── Desktop ≥1024px: Liste links, Karte rechts nebeneinander ── */
|
||||
@media (min-width: 1024px) {
|
||||
/* Tab-Treffen: horizontal splitten */
|
||||
#walks-tab-treffen {
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* Toolbar über beiden Spalten → eigene Zeile */
|
||||
#walks-tab-treffen .by-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
background: var(--c-bg);
|
||||
border-bottom: 1px solid var(--c-border);
|
||||
padding: var(--space-2) var(--space-4);
|
||||
}
|
||||
/* Platz für die fixe Toolbar oben */
|
||||
#walks-tab-treffen {
|
||||
padding-top: 52px;
|
||||
position: relative;
|
||||
}
|
||||
/* Liste: feste Breite links, scrollbar */
|
||||
#walks-list-view {
|
||||
display: block !important;
|
||||
width: 380px;
|
||||
min-width: 320px;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid var(--c-border);
|
||||
overflow-y: auto;
|
||||
}
|
||||
/* Karte: Rest des Platzes, sticky */
|
||||
#walks-map-view {
|
||||
display: block !important;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
/* Liste/Karte-Toggle auf Desktop ausblenden */
|
||||
.walks-view-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.walks-participant {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue