Added scrolling on overflow of sidebar content in new docs

2019-08-05 14:47:40 +02:00
parent 730e8ad151
commit 785ca4f5d1
1 changed files with 6 additions and 0 deletions
--- a/packages/website/ts/components/docs/sidebar/sidebar_wrapper.tsx
+++ b/packages/website/ts/components/docs/sidebar/sidebar_wrapper.tsx
@@ -31,4 +31,10 @@ const SidebarAside = styled.aside`
 const SidebarContent = styled.div`
    position: sticky;
    top: ${docs.headerOffset}px; /* To make space for the header (react-headroom) when clicking on links */
+    max-height: 60vh;
+    overflow-y: auto;
+
+    @media (max-width: 900px) {
+        max-height: 100%;
+    }
 `;