Danealor
commented
5 years ago Acceptance Tests:
1.) When I open the webpage on a large desktop screen the sidebar should be docked and fixed on the side. 2.) When the screen is resized to a width of less that 576px, or I open the webpage on the phone, then the sidepanel will attach to the left side and the internals of the sidepanel should be stacked more compactly. 3.) An obvious button should appear to allow collapsing the sidebar. 4) When the "collapse" button is clicked, the sidebar retracts into the side, the grid centers into the remaining area, and the button is transformed into "expand". 5) When the "expand" button is clicked, the sidebar reappears and pushes the grid away to the side, and the button is transformed back into "collapse".
As Matthew Hertz, I want to be able to view the webpage on a smaller screen and have the sidebar readjust accordingly so that I can interact with both the sidebar and the grid area comfortably.