yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Layout issue with full-width documents and left TOC

Browse Source
This commit is contained in:
Tom Moor
2024-06-19 09:03:35 -04:00
parent 711b8acebc
commit a825925a31
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/scenes/Document/components/Document.tsx
View File

@@ -498,7 +498,7 @@ class DocumentScene extends React.Component<Props> {
as={Main} as={Main}
name="document" name="document"
fullWidth={document.fullWidth} fullWidth={document.fullWidth}
tocPosition={tocPosition} tocPosition={tocPos}
> >
<React.Suspense fallback={<PlaceholderDocument />}> <React.Suspense fallback={<PlaceholderDocument />}>
{revision ? ( {revision ? (
@@ -627,9 +627,9 @@ type ContentsContainerProps = {
}; };
const ContentsContainer = styled.div<ContentsContainerProps>` const ContentsContainer = styled.div<ContentsContainerProps>`
margin-top: calc(44px + 6vh);
${breakpoint("tablet")` ${breakpoint("tablet")`
margin-top: calc(44px + 6vh);
grid-row: 1; grid-row: 1;
grid-column: ${({ docFullWidth, position }: ContentsContainerProps) => grid-column: ${({ docFullWidth, position }: ContentsContainerProps) =>
position === TOCPosition.Left ? 1 : docFullWidth ? 2 : 3}; position === TOCPosition.Left ? 1 : docFullWidth ? 2 : 3};