Skip to content

Conversation

@waqas2714
Copy link

What changed

The sidebar now behaves like a modal on small screens to improve usability on mobile devices.

Details

  • The sidebar is toggled off by default on mobile screen sizes.
  • It can be opened using the Inspect button, which toggles the sidebar.
  • Additional toggle buttons are added to the headers of the feature list and entity editor, allowing mobile users to easily navigate back to the map view.

Closes #11739
Relates to #9815

Screenshots

Sidebar closed on mobile Sidebar open as modal on mobile

Testing

  • Tested locally with npm start
  • Verified behavior using browser mobile emulation
  • Confirmed desktop layout remains unchanged

Checklist

  • Tested locally
  • No unrelated changes

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