diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 09:51:01 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-19 09:51:01 +0200 |
| commit | 9a7d491ede20b123bcd2b425f6141cad674751cc (patch) | |
| tree | e8145fe3f371b9caea4dd21217e4e0ad7c32045d | |
| parent | 7ae18c6b1ed8c9ce3105d5a8de3afa4d092221d5 (diff) | |
| download | fosdem-2018-presentation-9a7d491ede20b123bcd2b425f6141cad674751cc.tar fosdem-2018-presentation-9a7d491ede20b123bcd2b425f6141cad674751cc.tar.gz | |
adjust speaker notes layout on mobile devices
| -rw-r--r-- | css/reveal.css | 6 | ||||
| -rw-r--r-- | css/reveal.scss | 10 |
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; } |