From 6fe0cbc0dde8a3409194eb1f346ae18313a9c2c5 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Mon, 17 Dec 2018 12:58:55 +0100
Subject: [PATCH] prefer vh for speaker notes layout

---
 css/reveal.css  | 11 ++++++++---
 css/reveal.scss |  5 +++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 4a9c604..dc12ee4 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1531,19 +1531,24 @@ body {
     border-left: 0;
     max-width: none;
     max-height: 70%;
+    max-height: 70vh;
     overflow: visible; }
   .reveal.show-notes .speaker-notes {
     top: 100%;
     left: 0;
     width: 100%;
-    height: 42.8571428571%; } }
+    height: 42.8571428571%;
+    height: 30vh;
+    border: 0; } }
 
 @media screen and (max-width: 600px) {
   .reveal.show-notes {
-    max-height: 60%; }
+    max-height: 60%;
+    max-height: 60vh; }
   .reveal.show-notes .speaker-notes {
     top: 100%;
-    height: 66.6666666667%; }
+    height: 66.6666666667%;
+    height: 40vh; }
   .reveal .speaker-notes {
     font-size: 14px; } }
 
diff --git a/css/reveal.scss b/css/reveal.scss
index 63d1d45..8715762 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1684,6 +1684,7 @@ $controlsArrowAngleActive: 36deg;
 		border-left: 0;
 		max-width: none;
 		max-height: 70%;
+		max-height: 70vh;
 		overflow: visible;
 	}
 
@@ -1692,17 +1693,21 @@ $controlsArrowAngleActive: 36deg;
 		left: 0;
 		width: 100%;
 		height: (30/0.7)*1%;
+		height: 30vh;
+		border: 0;
 	}
 }
 
 @media screen and (max-width: 600px) {
 	.reveal.show-notes {
 		max-height: 60%;
+		max-height: 60vh;
 	}
 
 	.reveal.show-notes .speaker-notes {
 		top: 100%;
 		height: (40/0.6)*1%;
+		height: 40vh;
 	}
 
 	.reveal .speaker-notes {