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';