From 54e256764ce98204caad708b654f6250fb781664 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sun, 4 May 2014 08:29:45 +0200
Subject: [PATCH] limit size of media elements when printing to pdf
---
css/print/pdf.css | 1 -
js/reveal.js | 3 +++
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/css/print/pdf.css b/css/print/pdf.css
index ca42f4f..7bcc6cb 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -142,7 +142,6 @@ ul, ol, div, p {
}
.reveal img {
box-shadow: none;
- max-height: 80%;
}
.reveal .roll {
overflow: visible;
diff --git a/js/reveal.js b/js/reveal.js
index 49b2e7c..ad332a3 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -461,6 +461,9 @@
// Let the browser know what page size we want to print
injectStyleSheet( '@page{size:'+ pageWidth +'px '+ pageHeight +'px; margin: 0;}' );
+ // Limit the size of certain elements to the dimensions of the slide
+ injectStyleSheet( '.reveal img, .reveal video, .reveal iframe{max-width: '+ slideWidth +'px; max-height:'+ slideHeight +'px}' );
+
document.body.classList.add( 'print-pdf' );
document.body.style.width = pageWidth + 'px';
document.body.style.height = pageHeight + 'px';
--
GitLab