status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

(Fix) Safe apps list is not scrolling #835 (#859) 

* add scroll and styles

* Update Layout.jsx

Co-authored-by: lukasschor <lukas.schor@gnosis.pm>
Co-authored-by: nicosampler <nf.dominguez.87@gmail.com>
This commit is contained in:
Agustín Longoni 2020-05-05 15:44:55 -03:00 committed by GitHub
parent a79a86e5cc
commit 05b3fd9b48
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components-v2/layouts/ListContentLayout/Layout.jsx
View File

@ -10,7 +10,7 @@ export const Wrapper = styled.div`
.background { .background {
box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59); box-shadow: 1px 2px 10px 0 rgba(212, 212, 211, 0.59);
background-color: white; background-color: white;
} }
` `
export const Nav = styled.div` export const Nav = styled.div`
grid-column: 1/3; grid-column: 1/3;
@ -28,6 +28,22 @@ export const Menu = styled.div.attrs(() => ({ className: 'background' }))`
border-top-left-radius: 8px; border-top-left-radius: 8px;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
background-color: white; 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' }))` export const Content = styled.div.attrs(() => ({ className: 'background' }))`