Bring mobile styling of shared documents inline with regular documents
This commit is contained in:
@@ -16,6 +16,7 @@ const PageTitle = ({ title, favicon }: Props) => (
|
|||||||
href={favicon || '/favicon-32.png'}
|
href={favicon || '/favicon-32.png'}
|
||||||
sizes="32x32"
|
sizes="32x32"
|
||||||
/>
|
/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
</Helmet>
|
</Helmet>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@@ -279,7 +279,7 @@ class DocumentScene extends React.Component<Props> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Container key={document.id} column auto>
|
<Container key={document.id} isShare={isShare} column auto>
|
||||||
{isMoving && <DocumentMove document={document} />}
|
{isMoving && <DocumentMove document={document} />}
|
||||||
<PageTitle
|
<PageTitle
|
||||||
title={document.title.replace(document.emoji, '')}
|
title={document.title.replace(document.emoji, '')}
|
||||||
@@ -349,6 +349,7 @@ const MaxWidth = styled(Flex)`
|
|||||||
|
|
||||||
const Container = styled(Flex)`
|
const Container = styled(Flex)`
|
||||||
position: relative;
|
position: relative;
|
||||||
|
margin-top: ${props => (props.isShare ? '50px' : '0')};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const LoadingState = styled(LoadingPlaceholder)`
|
const LoadingState = styled(LoadingPlaceholder)`
|
||||||
|
|||||||
Reference in New Issue
Block a user