From 566a36e2c40eff68235501a358a596b60f857458 Mon Sep 17 00:00:00 2001
From: Phil Marshall <35127144+flurmbo@users.noreply.github.com>
Date: Thu, 10 Oct 2019 09:52:44 -0500
Subject: [PATCH] media query to hide header on print (#2409)
* media query to hide header on print
* add media query to hide footer on print
---
src/components/LayoutFooter/Footer.js | 3 +++
src/components/LayoutHeader/Header.js | 3 +++
2 files changed, 6 insertions(+)
diff --git a/src/components/LayoutFooter/Footer.js b/src/components/LayoutFooter/Footer.js
index a87d33ce..bc347861 100644
--- a/src/components/LayoutFooter/Footer.js
+++ b/src/components/LayoutFooter/Footer.js
@@ -31,6 +31,9 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
[media.size('sidebarFixed')]: {
paddingTop: 40,
},
+ '@media print': {
+ display: 'none',
+ },
}}>
<Container>
<div
diff --git a/src/components/LayoutHeader/Header.js b/src/components/LayoutHeader/Header.js
index f12eb5a7..cfe3e77d 100644
--- a/src/components/LayoutHeader/Header.js
+++ b/src/components/LayoutHeader/Header.js
@@ -29,6 +29,9 @@ const Header = ({location}: {location: Location}) => (
width: '100%',
top: 0,
left: 0,
+ '@media print': {
+ display: 'none',
+ },
}}>
<Container>
<div