content now re-renders after alt+click zoom (closes #195)

diff --git a/css/reveal.css b/css/reveal.css
index 6e2361bd42afa13d4747b133d79aac477dc507c1..ad2e33e46837ad446d1220a8d5fd694bfee1db94 100644 (file)
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -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;
+}
+
+

diff --git a/index.html b/index.html
index 89398c14dcc4e99aba620816628e06bdb03df978..de0637c21950df826cf9e8946fc6e5ff046b0554 100644 (file)
--- a/index.html
+++ b/index.html
@@ -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).

diff --git a/plugin/zoom-js/zoom.js b/plugin/zoom-js/zoom.js
index 0ca387509aa40b7c12c855bce51a6aefd567639c..6b29f56e186197a264bfa90dd71877f4f668072b 100644 (file)
--- a/plugin/zoom-js/zoom.js
+++ b/plugin/zoom-js/zoom.js
@@ -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' );
+               }
        }
 
        /**