From a4c1253bca42b32e0fc5fc4c1eb13fe532a9b953 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 27 Jun 2023 18:27:45 +0800
Subject: [PATCH] Improve printing of articles

---
 packages/web/components/templates/article/ArticleContainer.tsx | 3 +++
 packages/web/components/templates/reader/ReaderHeader.tsx      | 3 +++
 packages/web/pages/[username]/[slug]/index.tsx                 | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/packages/web/components/templates/article/ArticleContainer.tsx b/packages/web/components/templates/article/ArticleContainer.tsx
index c60a2c180..391ef125a 100644
--- a/packages/web/components/templates/article/ArticleContainer.tsx
+++ b/packages/web/components/templates/article/ArticleContainer.tsx
@@ -458,6 +458,9 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
             '&:hover': {
               opacity: 0.8,
             },
+            '@media print': {
+              display: 'none',
+            },
           }}
           onClick={() => setShowReportIssuesModal(true)}
         >
diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index 696457457..4a4ccbce2 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -43,6 +43,9 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
             bg: '$readerBg',
             pointerEvents: 'unset',
           },
+          '@media print': {
+            display: 'none',
+          },
         }}
       >
         <HStack
diff --git a/packages/web/pages/[username]/[slug]/index.tsx b/packages/web/pages/[username]/[slug]/index.tsx
index 415f161f5..f544a7e6a 100644
--- a/packages/web/pages/[username]/[slug]/index.tsx
+++ b/packages/web/pages/[username]/[slug]/index.tsx
@@ -463,6 +463,9 @@ export default function Home(): JSX.Element {
             background: '$readerMargin',
             overflow: 'scroll',
             paddingTop: '80px',
+            '@media print': {
+              paddingTop: '0px',
+            },
           }}
         >
           {article && viewerData?.me ? (