fix overview rendering issues in latest chrome #1649

This commit is contained in:
Hakim El Hattab 2017-02-17 10:50:52 +01:00
parent fa70a7a517
commit 1cee8998a0
3 changed files with 15 additions and 10 deletions

View File

@ -1059,6 +1059,8 @@ body {
visibility: visible; visibility: visible;
outline: 10px solid rgba(150, 150, 150, 0.1); outline: 10px solid rgba(150, 150, 150, 0.1);
outline-offset: 10px; } outline-offset: 10px; }
.reveal.overview .backgrounds .slide-background.stack {
overflow: visible; }
.reveal.overview .slides section, .reveal.overview .slides section,
.reveal.overview-deactivating .slides section { .reveal.overview-deactivating .slides section {
@ -1070,10 +1072,6 @@ body {
-webkit-transition: none; -webkit-transition: none;
transition: none; } transition: none; }
.reveal.overview-animated .slides {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
/********************************************* /*********************************************
* RTL SUPPORT * RTL SUPPORT
*********************************************/ *********************************************/

View File

@ -1101,6 +1101,10 @@ body {
outline: 10px solid rgba(150,150,150,0.1); outline: 10px solid rgba(150,150,150,0.1);
outline-offset: 10px; outline-offset: 10px;
} }
.backgrounds .slide-background.stack {
overflow: visible;
}
} }
// Disable transitions transitions while we're activating // Disable transitions transitions while we're activating
@ -1115,10 +1119,6 @@ body {
transition: none; transition: none;
} }
.reveal.overview-animated .slides {
transition: transform 0.4s ease;
}
/********************************************* /*********************************************
* RTL SUPPORT * RTL SUPPORT

View File

@ -1797,6 +1797,10 @@
updateProgress(); updateProgress();
updateParallax(); updateParallax();
if( isOverview() ) {
updateOverview();
}
} }
} }
@ -2012,11 +2016,14 @@
*/ */
function updateOverview() { function updateOverview() {
var vmin = Math.min( window.innerWidth, window.innerHeight );
var scale = Math.max( vmin / 5, 150 ) / vmin;
transformSlides( { transformSlides( {
overview: [ overview: [
'scale('+ scale +')',
'translateX('+ ( -indexh * overviewSlideWidth ) +'px)', 'translateX('+ ( -indexh * overviewSlideWidth ) +'px)',
'translateY('+ ( -indexv * overviewSlideHeight ) +'px)', 'translateY('+ ( -indexv * overviewSlideHeight ) +'px)'
'translateZ('+ ( window.innerWidth < 400 ? -1000 : -2500 ) +'px)'
].join( ' ' ) ].join( ' ' )
} ); } );