From c99bfb8ef10545a51060150ec102a89e871963c3 Mon Sep 17 00:00:00 2001 From: Philipinho <16838612+Philipinho@users.noreply.github.com> Date: Thu, 4 Sep 2025 13:22:43 -0700 Subject: [PATCH] make print better --- .../editor/components/drawio/drawio-view.tsx | 1 + .../components/excalidraw/excalidraw-view.tsx | 1 + .../src/features/editor/styles/print.css | 29 +++++++++++++------ 3 files changed, 22 insertions(+), 9 deletions(-) diff --git a/apps/client/src/features/editor/components/drawio/drawio-view.tsx b/apps/client/src/features/editor/components/drawio/drawio-view.tsx index 468e26a0..bb901044 100644 --- a/apps/client/src/features/editor/components/drawio/drawio-view.tsx +++ b/apps/client/src/features/editor/components/drawio/drawio-view.tsx @@ -145,6 +145,7 @@ export default function DrawioView(props: NodeViewProps) { variant="default" color="gray" mx="xs" + className="print-hide" style={{ position: "absolute", top: 8, diff --git a/apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx b/apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx index d898e5a2..35d8de94 100644 --- a/apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx +++ b/apps/client/src/features/editor/components/excalidraw/excalidraw-view.tsx @@ -183,6 +183,7 @@ export default function ExcalidrawView(props: NodeViewProps) { variant="default" color="gray" mx="xs" + className="print-hide" style={{ position: "absolute", top: 8, diff --git a/apps/client/src/features/editor/styles/print.css b/apps/client/src/features/editor/styles/print.css index 6fb6436d..c63e376b 100644 --- a/apps/client/src/features/editor/styles/print.css +++ b/apps/client/src/features/editor/styles/print.css @@ -1,12 +1,23 @@ @media print { - .mantine-AppShell-header, - .mantine-AppShell-navbar, - .mantine-AppShell-aside{ - display: none !important; - } + .mantine-AppShell-header, + .mantine-AppShell-navbar, + .mantine-AppShell-aside, + .print-hide, + .drag-handle { + display: none !important; + } - .mantine-AppShell-main { - padding-top: 0 !important; - min-height: auto !important; - } + .mantine-AppShell-main { + padding-top: 0 !important; + min-height: auto !important; + } + + .ProseMirror-selectednode { + outline: none !important; + box-shadow: none !important; + } + + .tableWrapper { + overflow: hidden !important; + } }