Think About How to use Less Real Estate with the Obs Drawer

[jamesdoyle21]

We have been getting quite a bit of feedback recently suggesting we try not to cover as much of the map as we do now. For the observation drawer, there are a few things we can do to reduce the height. The main focus is maximizing the height of the plot inside the obs drawer. Some ways to do this:

• Move validate button
• Move legend to the side of the plot?
• Don't allow the x-axis labels to take up 3 lines (reduce the number of labels and extend the text along one line)
• Move the station name to above station parameters and remove white space

This should allow the drawer to be noticeably shorter.

[nguyandy]

I don't think we need to move the validate button, once the whitespace is removed, it fits in that corner nicely.

Still some tinkering to be done, but here's a quick first pass. This is just shrinking down the padding/margin for the charts, allowing us to reduce the height of the obs drawer by 65px.

https://user-images.githubusercontent.com/43226410/155439488-f40567c6-0098-4957-b67c-5065c4088697.mov

Even though the drawer is smaller, the plot is still the same size. We can shrink it down even further once we move the station names.

Definitely a lot of potential to use up less real estate.

[mpiannucci]

Nice! Yeah that looks like a good start

[jamesdoyle21]

That looks good Andy, already a good amount of space saved. We will probably want to think about this for all other drawers too

[mpiannucci]

One comment from Kelly was about redundancy with the timestamps but in some cases they are not uniform so how do we handle?

[mpiannucci]

For the observation drawer title, Keep the name in it, remove the @ symbol, Surround the Lat lng with parentheses and make it lighter grey color to be less distracting

[mpiannucci]

When there is no data, simply just disbale the row and put "No Data" in the results

[mpiannucci]

Show chart title only in exports https://www.highcharts.com/forum/viewtopic.php?t=42972#p151429

[mpiannucci]

Validate and Add to Virtual Stations buttons should move to right side of the header bar

[mpiannucci]

Dont show layers that are not available at a given location in the observation drawer param list. IE clickoing outside of models BBOX

[nguyandy]

Should we also deal with ordering the parameters? Display ones with data at the top, move the 'No data' to the bottom?

[mpiannucci]

Should we also deal with ordering the parameters? Display ones with data at the top, move the 'No data' to the bottom?

My thought is yes, but there is something to be said for maintaining consistent order as well