1161 spike investigate lab rendering approach

[ejt7508]

• Allowed page to grow with content
• NavigationPane is sticky to move with the scroll and not be cut off
• Changed padding and font weights of NavigationPane
• Fixed back/next button sizing to not get cut off
• Removed internal scroll bars
• Made scroll bar always visible to avoid pushing content
• Background stripes are fixed
• Removed NavPane subtitles on small screens

Risks:

• Removed overflow-x-hidden on some other files to allow a sticky element

• Changed font weights and padding could make it more difficult to read

• Changed main.js on every lab to remove internal scroll bar

• Scroll always enabled could cause issues

• No discrepancies across browsers (ex: chrome vs safari)

• Accessibility functions

• Pages can scale without distorting page

• No dead links

• Navbar is consistent across the site

• Pages are screen-reader accessible

• Contrast meets standards for accessibility

• Pages are keyboard accessible

• Code is cleaned up and bug-free (ex: debug statements removed)

[shmowen]

It's worth reaching out to Chrissy and asking her opinion on some of these styling things. Things like how high the background boxes should be, should the Table of Contents be stretched to the bottom of the page, etc.

[shmowen]

Went through a few combinations of newer and older labs and this looks fantastic. Very nice job!

[shmowen]

Can remove className={""}