From e87d68923169cdff32c2ddf97981d2c7ac9efd2f Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Sun, 28 Oct 2012 23:55:19 -0400
Subject: [PATCH] content now re-renders after alt+click zoom (closes #195)
---
css/reveal.css | 32 ++++++++++++++++++++++++++++++++
index.html | 6 +++---
plugin/zoom-js/zoom.js | 7 +++++++
3 files changed, 42 insertions(+), 3 deletions(-)
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' );
+ }
}
/**
--
2.26.2