sidebar-pop-up v1.0.0

sidebar-pop-up

When activateSideBarButton is called it'll select the sidebar button to activate event listner. This will toggle between classes for sidebar and content which will show/hide sidebar & shrink/expand content.

This was designed using grid where the following styles where toggled:

.content-expanded { grid-column: 1 / -1; }

.sidebar-hidden { display: none; }

.content-shrak { grid-column: 2 / 3; }

.sidebar-showing { grid-column: 1 / 2; }