From 1319016957e806af362761e43bd389e6aa9edefe Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Wed, 20 Apr 2016 13:45:03 +0200
Subject: new optional controls aligned to screen edges

---
 js/reveal.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'js/reveal.js')

diff --git a/js/reveal.js b/js/reveal.js
index d3ba03c..803c50a 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -516,7 +516,7 @@
 		dom.progressbar = dom.progress.querySelector( 'span' );
 
 		// Arrow controls
-		createSingletonNode( dom.wrapper, 'aside', 'controls',
+		dom.controls = createSingletonNode( dom.wrapper, 'aside', 'controls',
 			'<button class="navigate-left" aria-label="previous slide"></button>' +
 			'<button class="navigate-right" aria-label="next slide"></button>' +
 			'<button class="navigate-up" aria-label="above slide"></button>' +
@@ -533,9 +533,6 @@
 		// Overlay graphic which is displayed during the paused mode
 		createSingletonNode( dom.wrapper, 'div', 'pause-overlay', null );
 
-		// Cache references to elements
-		dom.controls = document.querySelector( '.reveal .controls' );
-
 		dom.wrapper.setAttribute( 'role', 'application' );
 
 		// There can be multiple instances of controls throughout the page
@@ -789,7 +786,7 @@
 
 		// If no node was found, create it now
 		var node = document.createElement( tagname );
-		node.classList.add( classname );
+		node.className = classname;
 		if( typeof innerHTML === 'string' ) {
 			node.innerHTML = innerHTML;
 		}
@@ -1001,6 +998,13 @@
 		dom.controls.style.display = config.controls ? 'block' : 'none';
 		dom.progress.style.display = config.progress ? 'block' : 'none';
 
+		var controlsType = typeof config.controls === 'string' ? config.controls : 'bottom-right';
+		dom.controls.setAttribute( 'data-controls-type', controlsType );
+
+		if( typeof config.controls === 'string' ) {
+			dom.controls.classList.add( config.controls );
+		}
+
 		if( config.shuffle ) {
 			shuffle();
 		}
-- 
cgit v1.2.3