coop-cloud-chaos-patchs/outline
coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Incorrect sidebar positioning on mobile in edit mode

Browse Source 
closes #1108
This commit is contained in:
Tom Moor 2019-12-17 19:55:23 -08:00
parent 89b87c5268
commit ca0de9fb5a
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/Sidebar/Sidebar.js
View File

@ -62,12 +62,11 @@ const Container = styled(Flex)`
position: fixed;
top: 0;
bottom: 0;
left: ${props => (props.editMode ? `-${props.theme.sidebarWidth}` : 0)};
width: 100%;
background: ${props => props.theme.sidebarBackground};
transition: left 100ms ease-out, ${props => props.theme.backgroundTransition};
margin-left: ${props => (props.mobileSidebarVisible ? 0 : '-100%')};
z-index: 2;
z-index: 1000;
@media print {
display: none;
@ -91,18 +90,23 @@ const Container = styled(Flex)`
}
${breakpoint('tablet')`
left: ${props => (props.editMode ? `-${props.theme.sidebarWidth}` : 0)};
width: ${props => props.theme.sidebarWidth};
margin: 0;
z-index: 2;
`};
`;
const Toggle = styled.a`
display: flex;
align-items: center;
position: fixed;
top: 0;
left: ${props => (props.mobileSidebarVisible ? 'auto' : 0)};
right: ${props => (props.mobileSidebarVisible ? 0 : 'auto')};
z-index: 1;
margin: 12px;
height: 32px;
${breakpoint('tablet')`
display: none;