From 373327b091dd7cc835f600b2832e04450ec7a73d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Ant=C3=BAnez?= Date: Wed, 22 Mar 2017 12:37:09 +0100 Subject: [PATCH] a better CSS print --- static/css/base.css | 37 +++++++++++++++++++++++++++++++------ 1 file changed, 31 insertions(+), 6 deletions(-) diff --git a/static/css/base.css b/static/css/base.css index b7f23d8..eb25803 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -3157,13 +3157,38 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap =========================================== */ @media print { - section,.slide { - /* not static, just in case slide contents take advantage of positioning */ - position: relative; - display: block !important; + @page { + size: A4 landscape; + margin: 0.5cm; } - #counter, - #navigation { + /* Black prints faster */ + * { + background: transparent !important; + color: black !important; + text-shadow: none !important; + filter: none !important; + } + html.ws-ready, .ws-ready body, #webslides { + width: auto !important; + height: auto !important; + overflow: auto !important; + } + #webslides { + overflow-x: auto !important; + overflow-y: auto !important; + } + section, .slide { + display: flex !important; + height: auto !important; + } + section * { + -webkit-animation: none; + animation: none; + } + table, figure { + page-break-inside: avoid; + } + #counter, #navigation { display: none; } }