bug: Extend element not visible in sidebar (docs)

[tusharnankani]

Hi

Issue & Description

Facing an issue with visibility in the docs.

As we can see, when every detail is expanded in the accordion, on the side Navbar - The Extend element and We love .classes underneath are hidden.

System Details

• OS: Windows
• Version: Windows 10
• Browser: Microsoft Edge
  • Side Note: Facing the same problem in Google Chrome

Steps to reproduce

• Go to https://picocss.com/docs
• Open all elements in the accordion, on the sidebar.
• Scroll to the bottom.

pico_docs.mp4

Expected behavior

• The Extend element and We love .classes should be visible.

Potential Fix

• A simple max-height fix should do the job.

pico/docs/scss/layout/_aside.scss

Line 14 in c5d85ae

max-height: calc(100vh - 5.5rem);

Changing max-height from max-height: calc(100vh - 5.5em) to max-height: calc(100vh - 11em) fixes it.

pico_fix.mp4

Would love to create a PR :D

cc: Thanks to @HarshKapadia2 for sending this across via this tweet.