only use zoom to scale presentations up, fixes shifts in text layout
This commit is contained in:
parent
25da01ce41
commit
de3e1daab4
1 changed files with 9 additions and 2 deletions
11
js/reveal.js
11
js/reveal.js
|
@ -1530,13 +1530,20 @@
|
|||
transformSlides( { layout: '' } );
|
||||
}
|
||||
else {
|
||||
// Prefer zooming in desktop Chrome so that content remains crisp
|
||||
if( !isMobileDevice && /chrome/i.test( navigator.userAgent ) && typeof dom.slides.style.zoom !== 'undefined' ) {
|
||||
// Use zoom to scale up in desktop Chrome so that content
|
||||
// remains crisp. We don't use zoom to scale down since that
|
||||
// can lead to shifts in text layout/line breaks.
|
||||
if( scale > 1 && !isMobileDevice && /chrome/i.test( navigator.userAgent ) && typeof dom.slides.style.zoom !== 'undefined' ) {
|
||||
dom.slides.style.zoom = scale;
|
||||
dom.slides.style.left = '';
|
||||
dom.slides.style.top = '';
|
||||
dom.slides.style.bottom = '';
|
||||
dom.slides.style.right = '';
|
||||
transformSlides( { layout: '' } );
|
||||
}
|
||||
// Apply scale transform as a fallback
|
||||
else {
|
||||
dom.slides.style.zoom = '';
|
||||
dom.slides.style.left = '50%';
|
||||
dom.slides.style.top = '50%';
|
||||
dom.slides.style.bottom = 'auto';
|
||||
|
|
Loading…
Reference in a new issue