aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 09:51:01 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 09:51:01 +0200
commit9a7d491ede20b123bcd2b425f6141cad674751cc (patch)
treee8145fe3f371b9caea4dd21217e4e0ad7c32045d
parent7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5 (diff)
downloadfosdem-2018-presentation-9a7d491ede20b123bcd2b425f6141cad674751cc.tar
fosdem-2018-presentation-9a7d491ede20b123bcd2b425f6141cad674751cc.tar.gz
adjust speaker notes layout on mobile devices
-rw-r--r--css/reveal.css6
-rw-r--r--css/reveal.scss10
2 files changed, 16 insertions, 0 deletions
diff --git a/css/reveal.css b/css/reveal.css
index a7d2f4a..8784dc1 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1513,6 +1513,12 @@ body {
height: 30vh; } }
@media screen and (max-width: 600px) {
+ .reveal.show-notes {
+ max-height: 60vh; }
+ .reveal.show-notes .speaker-notes {
+ top: 60vh;
+ height: 40vh;
+ padding-bottom: 10vh; }
.reveal .speaker-notes {
font-size: 14px; } }
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;
}