From: Hakim El Hattab
Date: Mon, 29 Oct 2012 03:55:19 +0000 (-0400)
Subject: content now re-renders after alt+click zoom (closes #195)
X-Git-Tag: 2.1.0~2
X-Git-Url: http://git.tremily.us/?a=commitdiff_plain;h=e87d68923169cdff32c2ddf97981d2c7ac9efd2f;p=reveal.js.git
content now re-renders after alt+click zoom (closes #195)
---
diff --git a/css/reveal.css b/css/reveal.css
index 6e2361b..ad2e33e 100644
--- 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 89398c1..de0637c 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,9 @@
@@ -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.
-
- - Hakim El Hattab / @hakimel
-
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 0ca3875..6b29f56 100644
--- 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' );
+ }
}
/**