diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-02-17 10:50:52 +0100 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-02-17 10:50:52 +0100 |
| commit | 1cee8998a0e423265d7e99feb6a74d627fc306ca (patch) | |
| tree | 79dc2c97efded0de4fa64561d9ae0f421cf6eaf2 | |
| parent | fa70a7a5174b16b1b4e9ccaf3f36cbb082cc8051 (diff) | |
| download | freenode-live-2017-presentation-1cee8998a0e423265d7e99feb6a74d627fc306ca.tar freenode-live-2017-presentation-1cee8998a0e423265d7e99feb6a74d627fc306ca.tar.gz | |
fix overview rendering issues in latest chrome #1649
| -rw-r--r-- | css/reveal.css | 6 | ||||
| -rw-r--r-- | css/reveal.scss | 8 | ||||
| -rw-r--r-- | js/reveal.js | 11 |
3 files changed, 15 insertions, 10 deletions
diff --git a/css/reveal.css b/css/reveal.css index cde184a..f675977 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1059,6 +1059,8 @@ body { visibility: visible; outline: 10px solid rgba(150, 150, 150, 0.1); outline-offset: 10px; } + .reveal.overview .backgrounds .slide-background.stack { + overflow: visible; } .reveal.overview .slides section, .reveal.overview-deactivating .slides section { @@ -1070,10 +1072,6 @@ body { -webkit-transition: none; transition: none; } -.reveal.overview-animated .slides { - -webkit-transition: -webkit-transform 0.4s ease; - transition: transform 0.4s ease; } - /********************************************* * RTL SUPPORT *********************************************/ diff --git a/css/reveal.scss b/css/reveal.scss index 1972183..fba248e 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -1101,6 +1101,10 @@ body { outline: 10px solid rgba(150,150,150,0.1); outline-offset: 10px; } + + .backgrounds .slide-background.stack { + overflow: visible; + } } // Disable transitions transitions while we're activating @@ -1115,10 +1119,6 @@ body { transition: none; } -.reveal.overview-animated .slides { - transition: transform 0.4s ease; -} - /********************************************* * RTL SUPPORT diff --git a/js/reveal.js b/js/reveal.js index d31d591..5325beb 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -1797,6 +1797,10 @@ updateProgress(); updateParallax(); + if( isOverview() ) { + updateOverview(); + } + } } @@ -2012,11 +2016,14 @@ */ function updateOverview() { + var vmin = Math.min( window.innerWidth, window.innerHeight ); + var scale = Math.max( vmin / 5, 150 ) / vmin; + transformSlides( { overview: [ + 'scale('+ scale +')', 'translateX('+ ( -indexh * overviewSlideWidth ) +'px)', - 'translateY('+ ( -indexv * overviewSlideHeight ) +'px)', - 'translateZ('+ ( window.innerWidth < 400 ? -1000 : -2500 ) +'px)' + 'translateY('+ ( -indexv * overviewSlideHeight ) +'px)' ].join( ' ' ) } ); |