Skip to content

Conversation

@ak8abhinay
Copy link

@ak8abhinay ak8abhinay commented Jan 7, 2026

This PR fixes the issue #11739 improves the mobile experience by turning the sidebar into a full-width modal on screens smaller than 850px.

Changes

Fixes #11739

  • UI: Sidebar now takes 100% width on mobile devices.
  • Logic: Added a custom floating 'X' close button in modules/ui/sidebar.js.
  • CSS: Added media queries in css/80_app.css to hide the map when the modal (sidebar) is active and takes full width.

Testing

  • Verified using Chrome DevTools.

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.

Make sidebar on narrow/mobile screens full-width modal

1 participant