diff --git a/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx b/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx
index fc69ed57121..4a9e733998f 100644
--- a/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx
+++ b/packages/client/modules/email/components/SummaryEmail/ExportToCSV.tsx
@@ -351,21 +351,19 @@ const ExportToCSV = (props: Props) => {
const {emailCSVUrl, referrer, corsOptions} = props
return (
- <>
-
-
-
-
- {label}
-
- |
-
- >
+
+
+
+
+ {label}
+
+ |
+
)
}
diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx
index dfb3bd67f4c..44fc7089dcb 100644
--- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx
+++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/EmailReflectionCard.tsx
@@ -18,6 +18,7 @@ const contentStyle = {
borderStyle: 'solid',
borderWidth: '1px',
boxSizing: 'content-box',
+ breakInside: 'avoid',
color: PALETTE.SLATE_700,
fontFamily: FONT_FAMILY.SANS_SERIF,
fontSize: '14px',
diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx
index b5b46325d23..4e836b0cf75 100644
--- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx
+++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx
@@ -169,7 +169,7 @@ const RetroTopic = (props: Props) => {
-
+ |
{commentLinkLabel}
diff --git a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx
index 138200b6327..c42a46ed20b 100644
--- a/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx
+++ b/packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/SummarySheet.tsx
@@ -5,7 +5,7 @@ import {SummarySheet_meeting$key} from 'parabol-client/__generated__/SummaryShee
import CreateAccountSection from 'parabol-client/modules/demo/components/CreateAccountSection'
import {sheetShadow} from 'parabol-client/styles/elevation'
import {ACTION} from 'parabol-client/utils/constants'
-import React from 'react'
+import React, {useRef} from 'react'
import {useFragment} from 'react-relay'
import {Link} from 'react-router-dom'
import useAtmosphere from '../../../../../hooks/useAtmosphere'
@@ -90,12 +90,68 @@ const SummarySheet = (props: Props) => {
`,
meetingRef
)
- const {id: meetingId, meetingType, taskCount} = meeting
+ const {id: meetingId, meetingType, taskCount, name} = meeting
const isDemo = !!props.isDemo
+ const sheetRef = useRef(null)
const downloadPDF = () => {
SendClientSideEvent(atmosphere, 'Download PDF Clicked', {meetingId})
- window.print()
+
+ const printStyles = `
+
+ `
+
+ const printWindow = window.open('', '_blank')
+ if (!printWindow) return
+ printWindow.document.write(`
+
+
+ Parabol: ${name} Summary
+
+
+ ${printStyles}
+ ${sheetRef.current?.outerHTML}
+
+
+ `)
+ printWindow.document.close()
+ printWindow.focus()
+ printWindow.print()
+ printWindow.onafterprint = () => {
+ printWindow.close()
+ }
}
return (
@@ -105,6 +161,7 @@ const SummarySheet = (props: Props) => {
height='100%'
align='center'
bgcolor='#FFFFFF'
+ ref={sheetRef}
style={sheetStyle}
>
| |