From 73b69eb13dc15734fd4ce0ad9aabe0a9c5f053b9 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Sat, 10 Aug 2013 13:32:19 -0400
Subject: reduce overview depth on small screens

---
 js/reveal.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'js/reveal.js')

diff --git a/js/reveal.js b/js/reveal.js
index f2c0e02..19b77e5 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -1032,6 +1032,12 @@ var Reveal = (function(){
 
 			var wasActive = dom.wrapper.classList.contains( 'overview' );
 
+			var depth = 2500;
+
+			if( window.innerWidth < 400 ) {
+				depth = 1000;
+			}
+
 			dom.wrapper.classList.add( 'overview' );
 			dom.wrapper.classList.remove( 'exit-overview' );
 
@@ -1048,7 +1054,7 @@ var Reveal = (function(){
 				for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
 					var hslide = horizontalSlides[i],
 						hoffset = config.rtl ? -105 : 105,
-						htransform = 'translateZ(-2500px) translate(' + ( ( i - indexh ) * hoffset ) + '%, 0%)';
+						htransform = 'translateZ(-'+ depth +'px) translate(' + ( ( i - indexh ) * hoffset ) + '%, 0%)';
 
 					hslide.setAttribute( 'data-index-h', i );
 					hslide.style.WebkitTransform = htransform;
-- 
cgit v1.2.3