Bubble layout
Description
This MR adjusts the laptop and mobile layouts for the bubble chart viz. It also re-arranges the text and edits a bit to move the chart farther up the page and put the 'why is this important' bit at the top.
Changes Made
Laptop screen previously:
Laptop screen now:
Mobile previously:
Mobile now:
How to Test
Pull changes locally and run npm run dev
, then navigate to visualizations/climate-charts/#/beaufort-sea/beaufort-sea-timeline
Review Needs
Does this MR include data processing, modeling, or visualization code that will require domain review prior to release?
-
Yes, and I have opened an issue to document the need for review, using the DomainReview
issue template -
Yes, and a domain review issue already exists -
No
Related Issues
Additional Notes
NA
Merge Request Checklists
-
Code changes adhere to best practices documented in README.md
-
Code has been cleaned the way Vue likes it - run npm run lint --fix
-
If applicable, the need for future domain review has been documented in an issue -
Below section documents which browsers the site has been tested on: - Desktop/laptop
-
Chrome -
Safari -
Edge -
Firefox
-
- Mobile device
-
Chrome -
Safari -
Edge -
Firefox
-
- Desktop/laptop