fix overview rendering issues in latest chrome #1649
This commit is contained in:
parent
fa70a7a517
commit
1cee8998a0
3 changed files with 15 additions and 10 deletions
|
@ -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
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
|
@ -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
|
||||||
|
|
11
js/reveal.js
11
js/reveal.js
|
@ -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( ' ' )
|
||||||
} );
|
} );
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue