feat: Adds visual stacking to nested modals (#1189)

Fixes various mobile styling/layout issues
This commit is contained in:
Tom Moor
2020-02-26 19:36:23 -08:00
committed by GitHub
parent f8c53f8a88
commit afba1edae4
5 changed files with 76 additions and 20 deletions

View File

@@ -42,7 +42,11 @@ class Sidebar extends React.Component<Props> {
onClick={this.toggleSidebar}
mobileSidebarVisible={ui.mobileSidebarVisible}
>
{ui.mobileSidebarVisible ? <CloseIcon /> : <MenuIcon />}
{ui.mobileSidebarVisible ? (
<CloseIcon size={32} />
) : (
<MenuIcon size={32} />
)}
</Toggle>
{children}
</Container>
@@ -106,7 +110,6 @@ const Toggle = styled.a`
right: ${props => (props.mobileSidebarVisible ? 0 : 'auto')};
z-index: 1;
margin: 12px;
height: 32px;
${breakpoint('tablet')`
display: none;