diff --git a/src/Collectives.vue b/src/Collectives.vue index c70b6cee5..067c59396 100644 --- a/src/Collectives.vue +++ b/src/Collectives.vue @@ -162,6 +162,15 @@ export default { } @media print { + html, body { + background: var(--color-main-background, white) !important; + } + + /* hide toast notifications for printing */ + .toastify.dialogs { + display: none; + } + #header { display: none !important; } @@ -170,12 +179,17 @@ export default { display: block !important; } - #text-wrapper #text div.ProseMirror { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; + #text-wrapper #text .content-wrapper { + display: block; + + div.ProseMirror { + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; + } } + } /* Align toggle with page list header bar */ diff --git a/src/components/Page/RichText.vue b/src/components/Page/RichText.vue index b64947b20..c7d16619b 100644 --- a/src/components/Page/RichText.vue +++ b/src/components/Page/RichText.vue @@ -252,9 +252,9 @@ export default { diff --git a/src/components/PagePrint.vue b/src/components/PagePrint.vue index 0197c8da0..d6503aaf0 100644 --- a/src/components/PagePrint.vue +++ b/src/components/PagePrint.vue @@ -106,6 +106,7 @@ export default { &-subpage { page-break-before: always; + break-before: always; } } @@ -114,6 +115,7 @@ export default { } .editor__content { + display: block; position: relative; }