This adds a swipeable bottom sheet to the mobile version of the website.
Other changes include:
adding a more consistent map HUD system that allows for easily defining the positioning of the various map controls (see contents MapView.tsx)
using the above to position map controls differently between mobile and desktop view
adding bottom navigation (icon+text) for tabs in mobile view: layers selection, legend, selection details
adding bottom tabs: layers, legend, details
Potential enhancements:
[ ] open bottom sheet when a tab is selected
[ ] open bottom sheet (selection details tab) when a new feature is selected
[ ] prevent losing scroll position (if the user is viewing the expected damages chart for one feature, they should immediately see the chart for the newly selected feature; the scroll position should not be reset to the top)
This adds a swipeable bottom sheet to the mobile version of the website.
Other changes include:
MapView.tsx)Potential enhancements: