From 9a7d491ede20b123bcd2b425f6141cad674751cc Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Fri, 19 May 2017 09:51:01 +0200
Subject: adjust speaker notes layout on mobile devices

---
 css/reveal.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'css/reveal.scss')

diff --git a/css/reveal.scss b/css/reveal.scss
index 6a5cc52..1353e5a 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1655,6 +1655,16 @@ $controlsArrowAngleActive: 36deg;
 }
 
 @media screen and (max-width: 600px) {
+	.reveal.show-notes {
+		max-height: 60vh;
+	}
+
+	.reveal.show-notes .speaker-notes {
+		top: 60vh;
+		height: 40vh;
+		padding-bottom: 10vh; // iOS :(
+	}
+
 	.reveal .speaker-notes {
 		font-size: 14px;
 	}
-- 
cgit v1.2.3