Summary
On the Map screen (tool/src/main/kotlin/com/thelightphone/transit/MapScreen.kt), the overlaid LightTopBar back button and the Canvas-drawn "🗺️ Map" title occupy the same screen region and visually overlap — the back chevron sits directly on top of the map emoji and partially covers the "M".
This isn't specific to either map tile style (confirmed in Dark Matter mode, but it's a static positioning issue independent of tile brightness — it would overlap in the default Voyager style too).
Cause
The back button is a real Compose LightTopBar overlaid via a Box on top of the Canvas (added for keyboard/back-navigation support). The title text itself is drawn directly onto the Canvas at a fixed (OVERLAY_INSET_X, TITLE_Y) position that was never adjusted to leave room for the icon once the back button was added on top of it.
Suggested fix
Shift the Canvas-drawn title's X start position right by roughly the back button's width (or its icon size + horizontal padding, both already computed in sdk/ui/.../LightTopBar.kt), so the two never collide regardless of theme or map style.
Repro
- Open the Map screen for any stop.
- Look at the top-left corner — the back chevron overlaps the "🗺️" emoji before "Map".
Screenshot from testing PR #133:
(Screenshot omitted from this issue body — happy to attach if useful.)
Related to #133.
Summary
On the Map screen (
tool/src/main/kotlin/com/thelightphone/transit/MapScreen.kt), the overlaidLightTopBarback button and the Canvas-drawn "🗺️ Map" title occupy the same screen region and visually overlap — the back chevron sits directly on top of the map emoji and partially covers the "M".This isn't specific to either map tile style (confirmed in Dark Matter mode, but it's a static positioning issue independent of tile brightness — it would overlap in the default Voyager style too).
Cause
The back button is a real Compose
LightTopBaroverlaid via aBoxon top of the Canvas (added for keyboard/back-navigation support). The title text itself is drawn directly onto the Canvas at a fixed(OVERLAY_INSET_X, TITLE_Y)position that was never adjusted to leave room for the icon once the back button was added on top of it.Suggested fix
Shift the Canvas-drawn title's X start position right by roughly the back button's width (or its icon size + horizontal padding, both already computed in
sdk/ui/.../LightTopBar.kt), so the two never collide regardless of theme or map style.Repro
Screenshot from testing PR #133:
(Screenshot omitted from this issue body — happy to attach if useful.)
Related to #133.