content now re-renders after alt+click zoom (closes #195)
This commit is contained in:
parent
af2a8b053d
commit
e87d689231
3 changed files with 42 additions and 3 deletions
|
@ -1150,3 +1150,35 @@ body {
|
|||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
* ZOOM PLUGIN
|
||||
*********************************************/
|
||||
|
||||
.zoomed .reveal *,
|
||||
.zoomed .reveal *:before,
|
||||
.zoomed .reveal *:after {
|
||||
-webkit-transform: initial !important;
|
||||
-moz-transform: initial !important;
|
||||
-ms-transform: initial !important;
|
||||
transform: initial !important;
|
||||
|
||||
-webkit-backface-visibility: initial !important;
|
||||
-moz-backface-visibility: initial !important;
|
||||
-ms-backface-visibility: initial !important;
|
||||
backface-visibility: initial !important;
|
||||
}
|
||||
|
||||
.zoomed .reveal .progress,
|
||||
.zoomed .reveal .controls {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.zoomed .reveal .roll span {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.zoomed .reveal .roll span:after {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -38,6 +38,9 @@
|
|||
<section>
|
||||
<h1>Reveal.js</h1>
|
||||
<h3>HTML Presentations Made Easy</h3>
|
||||
<p>
|
||||
<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
@ -46,9 +49,6 @@
|
|||
reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
|
||||
support for CSS 3D transforms to see it in its full glory.
|
||||
</p>
|
||||
<p>
|
||||
<i><small>- <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small></i>
|
||||
</p>
|
||||
|
||||
<aside class="notes">
|
||||
Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
|
||||
|
|
|
@ -111,6 +111,13 @@ var zoom = (function(){
|
|||
}
|
||||
|
||||
level = scale;
|
||||
|
||||
if( level !== 1 && document.documentElement.classList ) {
|
||||
document.documentElement.classList.add( 'zoomed' );
|
||||
}
|
||||
else {
|
||||
document.documentElement.classList.remove( 'zoomed' );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
Loading…
Reference in a new issue