fix: Move references spacing directly below content (#1113)

* fix: Move references spacing directly below content

* Child document -> Nested document
This commit is contained in:
Tom Moor
2019-12-18 21:00:36 -08:00
committed by GitHub
parent 949dd296b4
commit 293c3b7b9c
9 changed files with 33 additions and 12 deletions

View File

@@ -440,7 +440,11 @@ class DocumentScene extends React.Component<Props> {
schema={schema}
/>
{!this.isEditing &&
!isShare && <References document={document} />}
!isShare && (
<ReferencesWrapper isOnlyTitle={document.isOnlyTitle}>
<References document={document} />
</ReferencesWrapper>
)}
</MaxWidth>
</Container>
</Container>
@@ -450,6 +454,10 @@ class DocumentScene extends React.Component<Props> {
}
}
const ReferencesWrapper = styled('div')`
margin-top: ${props => (props.isOnlyTitle ? -45 : 16)}px;
`;
const MaxWidth = styled(Flex)`
${props =>
props.archived && `* { color: ${props.theme.textSecondary} !important; } `};