feat(map): mobile fullscreen button on trip page map

Button in bottom-right of #trip-map (z-index:1000), hidden ≥769px.
Attribution moved to bottom-left to free the corner. Clicking toggles
.is-fullscreen on .home-map-col (position:fixed, 100dvh), locks body
scroll, and calls tripMap.resize() for MapLibre to re-render.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
2026-06-22 00:56:57 +02:00
parent 5e503cf3a5
commit 6f9538053c
2 changed files with 35 additions and 2 deletions
+12
View File
@@ -929,10 +929,22 @@ body::after {
}
.home-map {
position: relative;
width: 100%;
height: 100%;
}
.home-map-col.is-fullscreen {
position: fixed !important;
inset: 0;
z-index: 9999;
height: 100dvh !important;
}
.home-map-col.is-fullscreen .home-map {
height: 100dvh;
}
.home-feed-col {
padding: var(--space-8) var(--space-8);
}