From 785ca4f5d1dcbc7b51062a80f6244cf1fe589325 Mon Sep 17 00:00:00 2001 From: Piotr Janosz Date: Mon, 5 Aug 2019 14:47:40 +0200 Subject: [PATCH] Added scrolling on overflow of sidebar content in new docs --- .../website/ts/components/docs/sidebar/sidebar_wrapper.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/website/ts/components/docs/sidebar/sidebar_wrapper.tsx b/packages/website/ts/components/docs/sidebar/sidebar_wrapper.tsx index b42528a1e5..c8cdda90af 100644 --- 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%; + } `;