[ ] Automated tests have been included in this pull request, if possible, for the new feature(s) or bug fix.
[ ] The associated GitHub issues are included (above).
[ ] Notes have been included (below).
Reviewers:
[ ] All automated checks are passing (green check next to latest commit).
[ ] At least one reviewer has signed off on the pull request. Reviewers have two business days to review the pull request, after which the author may merge in the pull request unilaterally.
Notes
This PR adds the ability to expand/collapse the side panel.
The behaviour is this... Clicking on any toolbar button opens the panel. The panel has a close button at the top that closes the panel.
I thought this would be the simplest way to update the UI without adding extra clutter. I'm happy to change this behaviour if others think there is a better way.
The material-ui Drawer component is used to contain the panel.
I used z-index and padding to place the panel beneath the side toolbar buttons. I'm not sure if there's a better way to do that.
The network area adjusts its size when the panel is opened. This is for two reasons: 1) don't need to render the area underneath the panel and 2) the "fit content" button respects the actual visible area of the network correctly when the panel is opened or closed.
I added a SidePanel component which contains the panel title and the close button. All of the side panels (layout and styles) use this as a parent now.
I didn't think too much about making the ToolPanel component reusable for a slide-up bottom panel. But it should be possible to refactor the component to support both vertical and horizontal placement.
General information
Associated issues: #113
Checklist
Author:
Reviewers:
Notes
This PR adds the ability to expand/collapse the side panel.