weather-gov / weather.gov

weather.gov 2.0
Other
326 stars 7 forks source link

Add expand button to radar map #1309

Closed partly-igor closed 2 months ago

partly-igor commented 2 months ago

Description

Through Touchpoints and individual conversations we've heard that users can get stuck scrolling the radar when they want to scroll the page on mobile devices. This is because the radar and the site both allow scrolling, and the map can takes up the entire screen at certain points. To resolve the issue we've decided to:

  1. Change the starting height (and thereby the aspect ratio)
  2. Add a button to expand/shrink the radar map

Figma Prototype

Documentation

Note that there is currently no USWDS icon for map zoom-in, only zoom-out. I've created the icon we should use in the expanded state (the collapse/zoom-in icon).

Acceptance Criteria

colinmurphy01 commented 2 months ago

Related/Blocked by #1345

greg-does-weather commented 2 months ago

This seems small and portable enough to be worth pursuing now, so we're gonna.