SkateSpots/release-notes.txt
shakespeare.diy 056846fc38 redesign: map page mobile UI overhaul v1.0.61
Toolbar:
- Slim rounded-pill search input (was tall boxy default)
- Compact icon-only view toggle pills
- Small circle filter button (red when active, badge count)

Right-side control strip:
- Layer toggles (Spots/Shops/Gear/Tours) as 36px circles
  active=opaque, inactive=35% opacity — no more giant emoji FABs
- Near Me button integrated into strip (removed from top-right)
- Quick Snap in strip, same style — no more big red circle
- All transitions: translate-x-2 slide-out when overlays open

Left-side Add FAB:
- Single gradient pill (red→orange) replaces two competing circles
- Smaller footprint, less visual noise

Loading indicator:
- Replaced center-screen "Loading..." pill with slim animated
  gradient bar at top edge of map (top-0 left-0 right-0 h-0.5)

Attribution:
- Moved from floating top-right to bottom-left corner
- 9px text, 50% opacity — required but invisible

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-07-24 01:49:07 +07:00

23 lines
1,000 B
Text

v1.0.61 — Map UI overhaul
REDESIGNED: Mobile map toolbar
- Search bar is now a slim rounded pill (not a tall boxy input)
- View toggle (Map/List) is a compact pill with icon-only buttons
- Filter button is a small circle that turns red when filters are active
- No more generic-looking default form controls
REDESIGNED: Right-side control strip
- Layer toggles (Spots/Shops/Gear/Tours) are now small 36px circles — active = opaque, inactive = 35% opacity
- Near Me button moved into the right strip (was floating top-right separately)
- Quick Snap camera button matches the same strip style
- No more giant colored emoji circles
REDESIGNED: Add Spot FAB (bottom-left)
- Single gradient pill button (red→orange), replaces the two separate large circles
- Cleaner, less cluttered
FIXED: Loading indicator
- Replaced the center-screen "Loading..." pill with a slim animated gradient bar at the top edge of the map
FIXED: Map attribution
- Moved to bottom-left corner, minimal and unobtrusive