frontend-app-learning
frontend-app-learning copied to clipboard
Left-sidebar navigation automatically takes over whole screen when the window is minimized
Steps to Reproduce
- Login as an admin user to ensure the courseware.enable_navigation_sidebar waffle flag is enabled
- Navigate to an in-course experience page
- With the sidebar navigation expanded, minimize the browser window
- Use your curser to make the window more narrow
Expected Behavior
- The sidebar navigation remains expanded until a certain breakpoint (the point at which both the sidebar navigation and the course content can no longer fit side by side)
- Once the window gets to the breakpoint described in Expected Behavior 1, the course content takes up the screen and the sidebar navigation expand button appears in the upper corner of the page
- When the expand button is clicked, the sidebar navigation can take up the entire width of the window, but must be collapsable
Expected Behavior
- The sidebar navigation remains expanded until a certain breakpoint (this current breakpoint feels sooner than the point at which both the sidebar navigation and the course content can no longer fit side by side)
- Once the window gets to the breakpoint described in Actual Behavior 2, the sidebar navigation can take up the entire width of the window, but is collapsable