Skip to content

Conversation

@evulins
Copy link
Collaborator

@evulins evulins commented Dec 23, 2025

Description

Refactored MapControls component to provide a unified desktop controls panel with collapsible sections and a dedicated mobile bottom navigation bar for improved cross-device user experience.

Type of Change

  • New feature
  • Bug fix
  • Breaking change
  • Documentation update

Checklist

  • Unit/integration tests
  • Documentation

Detailed Changes

Desktop Experience

  • Unified Controls Panel: Consolidated Filters, Legend, and Download controls into a single collapsible panel
  • Collapsible Sections: Individual toggle functionality for Filters and Legend sections
  • Panel Toggle: Added ability to collapse/expand the entire controls panel
  • Enhanced Styling: Improved hover states, transitions, and visual feedback

Mobile Experience

  • Bottom Navigation Bar: New mobile-specific bottom navigation with icon buttons
  • Fullscreen Overlays: Filters and Legend open as fullscreen overlays on mobile
  • Touch Optimization: Improved touch targets and interactions
  • Safe Area Support: Added support for safe area insets on mobile devices

Technical Improvements

  • New Icons Component: Created Icons.js with SVG icons for Filters, Legend, and Download
  • hideFilters Prop: Added optional

@evulins evulins merged commit b477ed2 into dev Dec 31, 2025
7 checks passed
@evulins evulins deleted the fix/imporve-map-filters branch December 31, 2025 11:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants