disable transition into and out of overview mode #829
This commit is contained in:
parent
baa6fa45de
commit
a9c2d4d663
4 changed files with 46 additions and 61 deletions
|
@ -1103,9 +1103,7 @@ body {
|
||||||
|
|
||||||
|
|
||||||
.reveal.fade.overview .slides section,
|
.reveal.fade.overview .slides section,
|
||||||
.reveal.fade.overview .slides>section>section,
|
.reveal.fade.overview .slides>section>section {
|
||||||
.reveal.fade.overview-deactivating .slides section,
|
|
||||||
.reveal.fade.overview-deactivating .slides>section>section {
|
|
||||||
-webkit-transition: none;
|
-webkit-transition: none;
|
||||||
-moz-transition: none;
|
-moz-transition: none;
|
||||||
transition: none;
|
transition: none;
|
||||||
|
@ -1155,6 +1153,12 @@ body {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: rgba(0,0,0,0.1);
|
background: rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
|
.reveal.overview .slides section,
|
||||||
|
.reveal.overview-deactivating .slides section {
|
||||||
|
-webkit-transition: none !important;
|
||||||
|
-moz-transition: none !important;
|
||||||
|
transition: none !important;
|
||||||
|
}
|
||||||
.reveal.overview .slides section .fragment {
|
.reveal.overview .slides section .fragment {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
2
css/reveal.min.css
vendored
2
css/reveal.min.css
vendored
File diff suppressed because one or more lines are too long
21
js/reveal.js
21
js/reveal.js
|
@ -151,12 +151,6 @@ var Reveal = (function(){
|
||||||
// Delays updates to the URL due to a Chrome thumbnailer bug
|
// Delays updates to the URL due to a Chrome thumbnailer bug
|
||||||
writeURLTimeout = 0,
|
writeURLTimeout = 0,
|
||||||
|
|
||||||
// A delay used to activate the overview mode
|
|
||||||
activateOverviewTimeout = 0,
|
|
||||||
|
|
||||||
// A delay used to deactivate the overview mode
|
|
||||||
deactivateOverviewTimeout = 0,
|
|
||||||
|
|
||||||
// Flags if the interaction event listeners are bound
|
// Flags if the interaction event listeners are bound
|
||||||
eventsAreBound = false,
|
eventsAreBound = false,
|
||||||
|
|
||||||
|
@ -1238,14 +1232,6 @@ var Reveal = (function(){
|
||||||
dom.wrapper.classList.add( 'overview' );
|
dom.wrapper.classList.add( 'overview' );
|
||||||
dom.wrapper.classList.remove( 'overview-deactivating' );
|
dom.wrapper.classList.remove( 'overview-deactivating' );
|
||||||
|
|
||||||
clearTimeout( activateOverviewTimeout );
|
|
||||||
clearTimeout( deactivateOverviewTimeout );
|
|
||||||
|
|
||||||
// Not the pretties solution, but need to let the overview
|
|
||||||
// class apply first so that slides are measured accurately
|
|
||||||
// before we can position them
|
|
||||||
activateOverviewTimeout = setTimeout( function() {
|
|
||||||
|
|
||||||
var horizontalSlides = document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR );
|
var horizontalSlides = document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR );
|
||||||
|
|
||||||
for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
|
for( var i = 0, len1 = horizontalSlides.length; i < len1; i++ ) {
|
||||||
|
@ -1298,8 +1284,6 @@ var Reveal = (function(){
|
||||||
} );
|
} );
|
||||||
}
|
}
|
||||||
|
|
||||||
}, 10 );
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -1313,9 +1297,6 @@ var Reveal = (function(){
|
||||||
// Only proceed if enabled in config
|
// Only proceed if enabled in config
|
||||||
if( config.overview ) {
|
if( config.overview ) {
|
||||||
|
|
||||||
clearTimeout( activateOverviewTimeout );
|
|
||||||
clearTimeout( deactivateOverviewTimeout );
|
|
||||||
|
|
||||||
dom.wrapper.classList.remove( 'overview' );
|
dom.wrapper.classList.remove( 'overview' );
|
||||||
|
|
||||||
// Temporarily add a class so that transitions can do different things
|
// Temporarily add a class so that transitions can do different things
|
||||||
|
@ -1323,7 +1304,7 @@ var Reveal = (function(){
|
||||||
// moving from slide to slide
|
// moving from slide to slide
|
||||||
dom.wrapper.classList.add( 'overview-deactivating' );
|
dom.wrapper.classList.add( 'overview-deactivating' );
|
||||||
|
|
||||||
deactivateOverviewTimeout = setTimeout( function () {
|
setTimeout( function () {
|
||||||
dom.wrapper.classList.remove( 'overview-deactivating' );
|
dom.wrapper.classList.remove( 'overview-deactivating' );
|
||||||
}, 1 );
|
}, 1 );
|
||||||
|
|
||||||
|
|
6
js/reveal.min.js
vendored
6
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue