Scroll issues in mobile

mint-lang / mint-website-rails

Source code of Mint Language website

https://mint-lang.com

BSD 3-Clause "New" or "Revised" License

9 stars 33 forks source link

Scroll issues in mobile #67

Closed norman784 closed 3 years ago

norman784 commented 4 years ago

In the Learn section you cannot scroll the Pages menu.

surrealist commented 3 years ago

Yes. I found this problem too. So it has difficulties and impossible to navigate whole of the left sidebar menu.

I'd tested it with Edge, Chrome, and Safari on iPhone X.

raoulduke commented 3 years ago

Hey all, this fix has caused an issue on a couple pages of the guide on desktop (see "Tools", "The Main Component", "Styling with CSS" pages for example). When the sidebar is longer than the main content the footer overlaps the sidebar because the toc__wrapper is fixed to height: 100vh; and doesn't allow the content to dynamically push down the footer. If you remove this restriction it fixes the issue, but I'm not sure what effect that will have with the Safari issue.