diff --git a/shared/editor/components/Caption.tsx b/shared/editor/components/Caption.tsx index 361a89dba..9999fbe43 100644 --- a/shared/editor/components/Caption.tsx +++ b/shared/editor/components/Caption.tsx @@ -79,6 +79,10 @@ const Content = styled.p<{ $isSelected: boolean }>` color: ${s("placeholder")}; content: attr(data-caption); pointer-events: none; + + @media print { + display: none; + } } `; diff --git a/shared/editor/components/ResizeHandle.tsx b/shared/editor/components/ResizeHandle.tsx index ab30f1456..297dc7ba0 100644 --- a/shared/editor/components/ResizeHandle.tsx +++ b/shared/editor/components/ResizeHandle.tsx @@ -26,6 +26,10 @@ export const ResizeLeft = styled.div<{ $dragging: boolean }>` box-shadow: 0 0 0 1px ${s("textSecondary")}; opacity: 0.75; } + + @media print { + display: none; + } `; export const ResizeRight = styled(ResizeLeft)` diff --git a/shared/editor/components/Styles.ts b/shared/editor/components/Styles.ts index bdebcc6c0..95f86e12a 100644 --- a/shared/editor/components/Styles.ts +++ b/shared/editor/components/Styles.ts @@ -544,6 +544,10 @@ iframe.embed { .ProseMirror-selectednode { outline: 2px solid ${props.readOnly ? "transparent" : props.theme.selected}; + + @media print { + outline: none; + } } /* Make sure li selections wrap around markers */