Apply full width to print layout (#11768)

* Apply full width to print layout * Fix closing parens
2026-06-13 11:25:03 +03:00 · 2026-03-16 07:51:03 -05:00
parent a9401c9bb6
commit cc1c4b22d4
1 changed files with 9 additions and 7 deletions
@@ -669,9 +669,11 @@ const Main = styled.div<MainProps>`

  @media print {
    display: block;
-    max-width: calc(
-      ${EditorStyleHelper.documentWidth} + ${EditorStyleHelper.documentGutter}
-    );
+    max-width: ${({ fullWidth }: MainProps) =>
+    fullWidth
+      ? `100%`
+      : `calc(${EditorStyleHelper.documentWidth} + ${EditorStyleHelper.documentGutter})`
+    };
  }
 `;

@@ -720,10 +722,10 @@ const EditorContainer = styled.div<EditorContainerProps>`

    // Decides the editor column position & span
    grid-column: ${({
-      docFullWidth,
-      showContents,
-      tocPosition,
-    }: EditorContainerProps) =>
+  docFullWidth,
+  showContents,
+  tocPosition,
+}: EditorContainerProps) =>
      docFullWidth
        ? showContents
          ? tocPosition === TOCPosition.Left