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

Fix: increase left gutter spacing on mobile edit mode (#2720)

Browse Source 
* fix: adds space to the left gutter in edit mode so heading annotations have room on mobile
This commit is contained in:
Nan Yu 2021-11-02 18:30:37 -07:00 committed by GitHub
parent 57fa1305a6
commit ea12ebea0e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/scenes/Document/components/Document.js
View File

@ -464,6 +464,7 @@ class DocumentScene extends React.Component<Props> {
<MaxWidth
archived={document.isArchived}
showContents={showContents}
isEditing={!readOnly}
column
auto
>
@ -600,7 +601,11 @@ const ReferencesWrapper = styled("div")`
const MaxWidth = styled(Flex)`
${(props) =>
props.archived && `* { color: ${props.theme.textSecondary} !important; } `};
padding: 0 12px;
// Adds space to the left gutter to make room for heading annotations on mobile
padding: ${(props) => (props.isEditing ? "0 12px 0 32px" : "0 12px")};
transition: padding 100ms;
max-width: 100vw;
width: 100%;