First draft of open/close sidebar function and css. The styling and positioning of the >> and << buttons could be imrpoved, but for now it works as needed on both mobile and browser.
The only issue on mobile is that the default is to have the sidebar open, which is correct for browser but could look bad for mobile.
When the main countdown screen and sidebars are done, they will each need an extra
to hold the content with the class .content. This will just ensure that the width of that content is restricted and doesn't bunch up during the transition between open and closed.
First draft of open/close sidebar function and css. The styling and positioning of the >> and << buttons could be imrpoved, but for now it works as needed on both mobile and browser.
The only issue on mobile is that the default is to have the sidebar open, which is correct for browser but could look bad for mobile.
When the main countdown screen and sidebars are done, they will each need an extra
.content. This will just ensure that the width of that content is restricted and doesn't bunch up during the transition between open and closed.You can see how it works here (at the end I remove the
contentclass to demonstrate what would happen: https://www.loom.com/share/3d6132f27a054dd0b065baabcaaa2d86Reviewed from git mobile.