From bc2477bf107193c0a6e2988bbc5c5828e7c32a68 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Wed, 31 Oct 2018 09:20:12 +0100
Subject: [PATCH] fix no-transform mode

---
 css/reveal.css  | 23 ++++++++++++-----------
 css/reveal.scss | 25 +++++++++++++------------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 809d159..b024bd0 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -963,34 +963,35 @@ body {
 .no-transforms {
   overflow-y: auto; }
 
+.no-transforms .reveal {
+  overflow: visible; }
+
 .no-transforms .reveal .slides {
   position: relative;
   width: 80%;
-  height: auto !important;
+  max-width: 1280px;
+  height: auto;
   top: 0;
-  left: 50%;
-  margin: 0;
+  margin: 0 auto;
   text-align: center; }
 
 .no-transforms .reveal .controls,
 .no-transforms .reveal .progress {
-  display: none !important; }
+  display: none; }
 
 .no-transforms .reveal .slides section {
-  display: block !important;
-  opacity: 1 !important;
-  position: relative !important;
+  display: block;
+  opacity: 1;
+  position: relative;
   height: auto;
   min-height: 0;
   top: 0;
-  left: -50%;
+  left: 0;
+  margin: 10vh 0;
   margin: 70px 0;
   -webkit-transform: none;
           transform: none; }
 
-.no-transforms .reveal .slides section section {
-  left: 0; }
-
 .reveal .no-transition,
 .reveal .no-transition * {
   transition: none !important; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 2a50ccc..eeed56b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1037,37 +1037,38 @@ $controlsArrowAngleActive: 36deg;
 	overflow-y: auto;
 }
 
+.no-transforms .reveal {
+	overflow: visible;
+}
+
 .no-transforms .reveal .slides {
 	position: relative;
 	width: 80%;
-	height: auto !important;
+	max-width: 1280px;
+	height: auto;
 	top: 0;
-	left: 50%;
-	margin: 0;
+	margin: 0 auto;
 	text-align: center;
 }
 
 .no-transforms .reveal .controls,
 .no-transforms .reveal .progress {
-	display: none !important;
+	display: none;
 }
 
 .no-transforms .reveal .slides section {
-	display: block !important;
-	opacity: 1 !important;
-	position: relative !important;
+	display: block;
+	opacity: 1;
+	position: relative;
 	height: auto;
 	min-height: 0;
 	top: 0;
-	left: -50%;
+	left: 0;
+	margin: 10vh 0;
 	margin: 70px 0;
 	transform: none;
 }
 
-.no-transforms .reveal .slides section section {
-	left: 0;
-}
-
 .reveal .no-transition,
 .reveal .no-transition * {
 	transition: none !important;