Create page drawers for the block and course index areas

Please test on theme Boost only Setup Fetch the test commit: git fetch git://github.com/ferranrecio/moodle.git MDL-71456-master git cherry-pick FETCH_HEAD Purge caches. Login as admin Create a new course Navigate to the course page Add some extra sections to the course so you can scroll down the page Add some blocks to the course Test in a browser window wider than 1400px Open the browser dev tools. Make sure that the dev tools window is docked right beside the page. Drag the border between the page and the dev tools to adjust the page width so that its width becomes greater than 1400px. In Chrome, you'll see the page size in the upper right corner as you drag the border. Open the left drawer region Open the right drawer region Verify both regions can be opened at the same time and that the regions do not overlap the course content Open the left drawer, then reload the page, verify the left drawer is still open Close the left drawer, then reload the page, verify the left drawer is still closed Open the right drawer, then reload the page, verify the right drawer is still open Close the right drawer, then reload the page, verify the right drawer is still closed Test in a browser window with a width between 992px and 1400px Open the left drawer region, then open the right drawer region, notice that upon opening the right drawer region the left drawer region closes Try different combinations of opening the left and right drawer Verify only one drawer can be opened at the same time and that the course content is never overlapped by the drawers Open the left drawer, then reload the page, verify the left drawer is still open Close the left drawer, then reload the page, verify the left drawer is still closed Open the right drawer, then reload the page, verify the right drawer is still open Close the right drawer, then reload the page, verify the right drawer is still closed Test in a browser window with a width between 991px and 768px Open the left drawer region, then open the right drawer region, notice that upon opening the right drawer region the left drawer region closes Verify the drawer region overlaps the page content and the page content is darkened and can not be scrolled Open the left drawer, then reload the page, verify the left drawer is still open Open the right drawer, then reload the page, verify the right drawer is still open Close all drawers, then reload the page, verify all drawers are still closed Test in a browser window smaller than 768px wide Verify the drawer toggles are centered on the page at this size Click the drawer toggle to open the drawers Open the left drawer, then reload the page, verify the left drawer is still open Open the right drawer, then reload the page, verify the right drawer is still open Close all drawers, then reload the page, verify all drawers are still closed For this test use any browser width Use your keyboard to navigate to the drawer toggle buttons Press the enter key on a toggle button, this should show the drawer content Verify the focus is now on the drawer close button Press enter to close the drawer and verify the focus is back on the drawer toggle button Use the keyboard to navigate through all the top navbar items Verify that you can keep pressing tab all the way to the course content without losing where the focus is Test if the scroll to top button works on the course page Make sure there are enough sections (10+) on the course page so you are required to scroll down to get to the page footer Scroll down the page and verify the scroll to top button appears Click the button Verify the page scrolls back to the top Test user tours on a page with drawers As admin restore the attached Features Demo.mbz as a new course Then navigate to Site Administration > Appearance > User tours Restore the attached tour_export_course_mainpage.json user tour and enable it Enrol a test user into the restored course Login as the test user Verify the user tour correctly highlights elements in the main course region, the navbar and the blockregion After test Make sure to reset your local instance (e.g. through " mdk update " or " git reset --hard origin/master "