make slideshow map components full height

[RyanCoulsonCA]

Related Item(s)

#508

Changes

• Map components within a slideshow panel will now take up the full screen height (whilst considering title, caption and the bottom slideshow navigation bar).

Notes

This should fix the problem mentioned in the original issue. It is worth noting, however, that this issue may still appear for similar maps that use a Web Mercator basemap.

From the Slack channel:

Me: Is this expected extent behaviour? It appears that the map gets zoomed out quite a bit when you reduce the map width to ~1175px. It also only appears to happen when using a Web Mercator basemap.

Response from @james-rae:

prooobably. You give it an extent. ESRI then has a div of certain size, and that extent, and needs to position the map so the extent fits in the div. You're squeezing in, meaning less room for the width of the extent. Zooming out shrinks it, so it fits. You can attempt to adjust the extent and make it snugger

Testing

Steps:

1. Open the demo link.
2. Ensure that any maps that are contained within a slideshow take up the full height of the screen.
3. Ensure that they also respect mobile resolutions.

---

This change is 

[github-actions]

Your demo site is ready! 🚀 Visit it here: https://ramp4-pcar4.github.io/story-ramp/fix-508/#/en/00000000-0000-0000-0000-000000000000

[yileifeng]

Reviewed 1 of 1 files at r1, all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @RyanCoulsonCA)