Sensor chart ux improvements

[Flix6x]

This PR introduces a collapsible sidepanel on the left of the sensor page, activated by hover or swipe, depending on the device. Also implements many smaller UX improvements: see the list below.

->

• Show spinner while fetching new data
• Show single month and fewer custom ranges
• Rotate y-axis labels to improve legibility (addresses Long sensor names reveal a need to document how sensors can be grouped within assets #442)
• Update sensor data and annotations together instead of first come first serve
• Streamline calendar styling
• Streamline use of box shadows
• Fix positioning of chart actions button
• Move units to right side of tooltip
• Cancel previous request upon a new calendar selection
• Style navbar logo to have a consistent height and adjust the width of the navbar-header accordingly
• Actually load the font intended to be used in 0.10
• Make sure time axis labels aren't too close to each other

[nhoening]

Thanks for the screenshots!

Shouldn't the data plot move to the left if the date picker is collapsed?

[Flix6x]

You're welcome. The position of the data plot is meant to be fixed, like so:

.

[coveralls]

Pull Request Test Coverage Report for Build 2550022510

• 1 of 3 (33.33%) changed or added relevant lines in 3 files are covered.
• 1 unchanged line in 1 file lost coverage.
• Overall coverage remained the same at 68.377%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
flexmeasures/data/models/charts/defaults.py	0	1	0.0%
flexmeasures/data/models/time_series.py	0	1	0.0%

Files with Coverage Reduction	New Missed Lines	%
flexmeasures/data/models/time_series.py	1	75.09%

Totals
Change from base Build 2507541616:	0.0%
Covered Lines:	7093
Relevant Lines:	9838

---

💛 - Coveralls

[nhoening]

Okay, I see. You mean "fixed" as in position-fixed. How does this look on smaller screens?

…

On Thu, 2022-06-23 at 08:18 -0700, Felix Claessen wrote: You're welcome. The position of the data plot is meant to be fixed, like so: Peek 2022-06-23 17-15 . — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[Flix6x]

The expanding sidepanel will overlap the chart. For the smallest screen sizes, the sidepanel disappears, and its contents are shown above the chart (like we had before).

[nhoening]

I don't see the data plot moving into the free space. What is the fix? Am 23. Juni 2022 17:18:24 MESZ schrieb Felix Claessen ***@***.***>:

You're welcome. The position of the data plot is meant to be fixed, like so:  .. -- Reply to this email directly or view it on GitHub: #447 (comment) You are receiving this because you commented. Message ID: ***@***.***>

-- Gesendet von /e/ Mail.

[Flix6x]

I don't see the data plot moving into the free space. What is the fix?

No no, I didn't mean that anything is meant to be fixed—as in, resolving a problem. I meant that the plot area is meant to be fixed—as in, not moving.