diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js index 24466ef6..1b0a8910 100644 --- a/app/components/Sidebar/Sidebar.js +++ b/app/components/Sidebar/Sidebar.js @@ -66,6 +66,22 @@ const Container = styled(Flex)` left: 0; } + &:before, + &:after { + content: ''; + background: ${props => props.theme.smoke}; + position: absolute; + top: -50vh; + left: 0; + width: 100%; + height: 50vh; + } + + &:after { + top: auto; + bottom: -50vh; + } + ${breakpoint('tablet')` width: ${props => props.theme.sidebarWidth}; margin: 0; diff --git a/app/types/index.js b/app/types/index.js index 46cb2793..4cb937d5 100644 --- a/app/types/index.js +++ b/app/types/index.js @@ -37,11 +37,11 @@ export type NavigationNode = { id: string, title: string, url: string, - children: Array, + children: NavigationNode[], }; export type Document = { - collaborators: Array, + collaborators: User[], collection: Object, createdAt: string, createdBy: User,