azavea / ism-watershed-wellness-snapshot

A tool to collect and display watershed wellness indicators for the International Seaport Museum
1 stars 2 forks source link

Implement intro screen transition #89

Closed caseycesari closed 5 years ago

caseycesari commented 5 years ago

Overview

Implements a transition from the intro screen to the home screen, as shown in the prototype, via the following changes:

Additionally, the style of the intro screen was adjusted to remove a "hiccup" when transitioning to the home screen style due to use of absolute positioning.

Connects #82

Demo

Due to the map style, GIFs are very large and can't be uploaded to Github. Check out the Netlify deploy preview.

Testing Instructions

caseycesari commented 5 years ago

Because the map styles are switched when the transition starts, the change in map pitch doesn't look as good as it could if the map style stayed the same. However, having labels on the intro screen map doesn't work very well with the text. @alexelash Looking for some input here. I couldn't find a way to show/hide the labels dynamically without publishing a separate map style.

caseycesari commented 5 years ago

Thanks!