fix(ui): stop map chrome overlapping on phone #22

Merged

sirius merged 1 commit from fix/map-mobile-chrome-overlap into master

2026-08-29 10:46:14 -04:00

sirius commented

2026-08-29 10:29:01 -04:00

Owner

Phone layout (max-width: 820px)

GIBS toolbar is a full-width bar under the OSINT header (not left: 50%)
LAYERS starts collapsed as a single header row, top-left; tap to expand (does not cover MENU)
Leaflet zoom stays top-right with an 8px gutter
DVR is a full-width row at the bottom of the map, above the dock
Attribution and .map-hint hidden on phone so ticker text stays readable
Desktop layout unchanged

Verified with Playwright at 390x844: no bounding-box overlaps; LAYERS expand does not cover MENU/zoom/dock.

Phone (~390px) map chrome was stacked on the same pixels: centered GIBS toolbar over LAYERS + zoom, DVR over Leaflet attribution, attribution through the MKT/NEWS dock, map-hint clipped by the ticker. **Phone layout (`max-width: 820px`)** - GIBS toolbar is a full-width bar under the OSINT header (not `left: 50%`) - LAYERS starts collapsed as a single header row, top-left; tap to expand (does not cover MENU) - Leaflet zoom stays top-right with an 8px gutter - DVR is a full-width row at the bottom of the map, above the dock - Attribution and `.map-hint` hidden on phone so ticker text stays readable - Desktop layout unchanged Verified with Playwright at 390x844: no bounding-box overlaps; LAYERS expand does not cover MENU/zoom/dock.

sirius added 1 commit 2026-08-29 10:29:02 -04:00

fix(ui): stop map chrome overlapping on phone 82ef815e20

Retune the 820px layout so GIBS sits as a full-width bar under the
header, LAYERS starts collapsed top-left, zoom stays top-right, and
the DVR row clears the ticker. Hide attribution and map-hint on phone
so NASA/RainViewer text no longer paints through MKT/NEWS.