From b1a7b0799f055afdefbac6c6f3de8f886c6c2186 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Fri, 19 May 2017 10:20:06 +0200
Subject: [PATCH] low width speaker notes mode no longer uses vh

---
 css/reveal.css  | 17 +++++++++--------
 css/reveal.scss | 17 +++++++++--------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 8784dc1..d74f6df 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1475,7 +1475,8 @@ body {
   z-index: 1;
   font-size: 18px;
   line-height: 1.4;
-  border-left: 1px solid #ddd;
+  border-left: 1px solid rgba(0, 0, 0, 0.05);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   color: #222;
   background-color: #f5f5f5;
   overflow: auto;
@@ -1503,22 +1504,22 @@ body {
 
 @media screen and (max-width: 1024px) {
   .reveal.show-notes {
+    border-left: 0;
     max-width: none;
-    max-height: 70vh;
+    max-height: 70%;
     overflow: visible; }
   .reveal.show-notes .speaker-notes {
-    top: 70vh;
+    top: 100%;
     left: 0;
     width: 100%;
-    height: 30vh; } }
+    height: 42.8571428571%; } }
 
 @media screen and (max-width: 600px) {
   .reveal.show-notes {
-    max-height: 60vh; }
+    max-height: 60%; }
   .reveal.show-notes .speaker-notes {
-    top: 60vh;
-    height: 40vh;
-    padding-bottom: 10vh; }
+    top: 100%;
+    height: 66.6666666667%; }
   .reveal .speaker-notes {
     font-size: 14px; } }
 
diff --git a/css/reveal.scss b/css/reveal.scss
index 1353e5a..4aee25b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1603,7 +1603,8 @@ $controlsArrowAngleActive: 36deg;
 	z-index: 1;
 	font-size: 18px;
 	line-height: 1.4;
-	border-left: 1px solid #ddd;
+	border-left: 1px solid rgba( 0, 0, 0, 0.05 );
+	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
 	color: #222;
 	background-color: #f5f5f5;
 	overflow: auto;
@@ -1641,28 +1642,28 @@ $controlsArrowAngleActive: 36deg;
 
 @media screen and (max-width: 1024px) {
 	.reveal.show-notes {
+		border-left: 0;
 		max-width: none;
-		max-height: 70vh;
+		max-height: 70%;
 		overflow: visible;
 	}
 
 	.reveal.show-notes .speaker-notes {
-		top: 70vh;
+		top: 100%;
 		left: 0;
 		width: 100%;
-		height: 30vh;
+		height: (30/0.7)*1%;
 	}
 }
 
 @media screen and (max-width: 600px) {
 	.reveal.show-notes {
-		max-height: 60vh;
+		max-height: 60%;
 	}
 
 	.reveal.show-notes .speaker-notes {
-		top: 60vh;
-		height: 40vh;
-		padding-bottom: 10vh; // iOS :(
+		top: 100%;
+		height: (40/0.6)*1%;
 	}
 
 	.reveal .speaker-notes {