From 96ab340b1c6f7859843032a6d8966785490546ad Mon Sep 17 00:00:00 2001 From: Amruth Pillai Date: Sun, 13 Dec 2020 10:37:02 +0530 Subject: [PATCH] set min-height for pages when printing --- gatsby-config.js | 2 +- src/styles/global.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/gatsby-config.js b/gatsby-config.js index 3f22d5a4..17ecc1d8 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -5,7 +5,7 @@ module.exports = { title: 'Reactive Resume', siteUrl: 'https://rxresu.me', description: 'A free and open source resume builder.', - version: '2.3.4', + version: '2.3.5', }, plugins: [ 'gatsby-plugin-react-helmet', diff --git a/src/styles/global.css b/src/styles/global.css index e893ce3e..978e9636 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -60,6 +60,11 @@ section { } @media print { + html, + body { + background-color: white; + } + html, body, body * { @@ -75,6 +80,7 @@ section { #page { width: 21cm; + min-height: 29.7cm; position: absolute; text-align: start; top: 0;