From 05b3fd9b489f620c25ecf82ac9ed1dc6d9a2e635 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= Date: Tue, 5 May 2020 15:44:55 -0300 Subject: [PATCH] (Fix) Safe apps list is not scrolling #835 (#859) * add scroll and styles * Update Layout.jsx Co-authored-by: lukasschor Co-authored-by: nicosampler --- .../layouts/ListContentLayout/Layout.jsx | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/src/components-v2/layouts/ListContentLayout/Layout.jsx b/src/components-v2/layouts/ListContentLayout/Layout.jsx index 0228ed6d..da427129 100644 --- a/src/components-v2/layouts/ListContentLayout/Layout.jsx +++ b/src/components-v2/layouts/ListContentLayout/Layout.jsx @@ -10,7 +10,7 @@ export const Wrapper = styled.div` .background { box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59); background-color: white; - } + } ` export const Nav = styled.div` grid-column: 1/3; @@ -28,6 +28,22 @@ export const Menu = styled.div.attrs(() => ({ className: 'background' }))` border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: white; + overflow-y: auto; + + ::-webkit-scrollbar { + width: 0.7em !important; + scroll-behavior: smooth !important; + } + + ::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important; + } + + ::-webkit-scrollbar-thumb { + background-color: darkgrey !important; + outline: 1px solid slategrey !important; + border-radius: 10px !important; + } ` export const Content = styled.div.attrs(() => ({ className: 'background' }))`