Mobile: Data View page - create and view stacked charts

DO NOT PUSH TO PRODUCTION/LIVE SERVER BEFORE JULY

USER STORY

On Data View page - create, view and remove stacked charts i.e. flood depth and tide level data overlaid on the same chart. There can only be a maximum of 2 overlaid datasets on 1 chart.

DEV TASKS

• Implement mobile designs (see below link to designs)
  • I think we MAY have implemented these previously and simply hidden the + and - buttons? Double check...
  • See the note below about the "+" and "-" buttons not being quite right on the design

ACCEPTANCE CRITERIA

1

• IF I'm on mobile
• WHEN I go to the Data View page
• THEN I see a "+" button to the right of the first station dropdown

2

• IF I'm on mobile
• AND on the Data View page
• WHEN hit the "+" button
• THEN a new station dropdown appears below it
• AND the page content shifts down
• AND the new station dropdown has a "-" to the right of it

3

• IF I'm on mobile
• AND on the Data View page
• WHEN hit the "-" button
• THEN this second station dropdown disappears
• AND the page content shifts back up

Mobile	Desktop
See designs: https://zpl.io/m8OwPZr Note: the first station dropdown will always have a "+" button to the right of it the second station dropdown will always have a "-" next to it (no need for a "+" button next to the second station dropdown because the max sensors that can be overlaid on any one chart is two)