content now re-renders after alt+click zoom (closes #195)
This commit is contained in:
		| @@ -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> | 				<section> | ||||||
| 					<h1>Reveal.js</h1> | 					<h1>Reveal.js</h1> | ||||||
| 					<h3>HTML Presentations Made Easy</h3> | 					<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> | ||||||
|  |  | ||||||
| 				<section> | 				<section> | ||||||
| @@ -46,9 +49,6 @@ | |||||||
| 						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with | 						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. | 						support for CSS 3D transforms to see it in its full glory. | ||||||
| 					</p> | 					</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"> | 					<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). | 						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; | 		level = scale; | ||||||
|  |  | ||||||
|  | 		if( level !== 1 && document.documentElement.classList ) { | ||||||
|  | 			document.documentElement.classList.add( 'zoomed' ); | ||||||
|  | 		} | ||||||
|  | 		else { | ||||||
|  | 			document.documentElement.classList.remove( 'zoomed' ); | ||||||
|  | 		} | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
| 	/** | 	/** | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user