reduce overview depth on small screens

This commit is contained in:
Hakim El Hattab 2013-08-10 13:32:19 -04:00
parent 8e01c03824
commit 73b69eb13d
2 changed files with 9 additions and 3 deletions

View file

@ -1032,6 +1032,12 @@ var Reveal = (function(){
var wasActive = dom.wrapper.classList.contains( 'overview' ); var wasActive = dom.wrapper.classList.contains( 'overview' );
var depth = 2500;
if( window.innerWidth < 400 ) {
depth = 1000;
}
dom.wrapper.classList.add( 'overview' ); dom.wrapper.classList.add( 'overview' );
dom.wrapper.classList.remove( 'exit-overview' ); dom.wrapper.classList.remove( 'exit-overview' );
@ -1048,7 +1054,7 @@ var Reveal = (function(){
for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) { for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
var hslide = horizontalSlides[i], var hslide = horizontalSlides[i],
hoffset = config.rtl ? -105 : 105, 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.setAttribute( 'data-index-h', i );
hslide.style.WebkitTransform = htransform; hslide.style.WebkitTransform = htransform;

4
js/reveal.min.js vendored

File diff suppressed because one or more lines are too long