mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-22 21:03:23 +02:00
Code Issues Releases Wiki Activity

a better CSS print

Browse Source
This commit is contained in:
José Luis Antúnez
2017-03-22 12:37:09 +01:00
committed by GitHub
parent e88dab3b7a
commit 373327b091
1 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
static/css/base.css
View File

@@ -3157,13 +3157,38 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
=========================================== */ =========================================== */
@media print { @media print {
section,.slide { @page {
/* not static, just in case slide contents take advantage of positioning */ size: A4 landscape;
position: relative; margin: 0.5cm;
display: block !important;
} }
#counter, /* Black prints faster */
#navigation { * {
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; display: none;
} }
} }