From 65c62a027ae296a8190d897943c18cb90764a97f Mon Sep 17 00:00:00 2001 From: Mateusz Filipowicz Date: Thu, 25 Jun 2020 14:45:58 +0200 Subject: [PATCH] feat(sidebar): :lipstick: left sidebar scrollbar should be visible only on hover --- src/components/Sidebar/Sidebar.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/Sidebar/Sidebar.js b/src/components/Sidebar/Sidebar.js index d9344a15..955f4dc2 100644 --- a/src/components/Sidebar/Sidebar.js +++ b/src/components/Sidebar/Sidebar.js @@ -24,8 +24,12 @@ const SidebarMain = styled.div` padding: 0; padding-top: 32px; overflow-x: hidden; - overflow-y: overlay; - -webkit-overflow-scrolling: touch; + overflow-y: hidden; + -webkit-overflow-scrolling: hidden; + &:hover, &:focus { + overflow-y: overlay; + -webkit-overflow-scrolling: touch; + } `; const PoweredByWrapper = styled.div`