xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adjust speaker notes layout on mobile devices

Browse Source
This commit is contained in:
Hakim El Hattab
2017-05-19 09:51:01 +02:00
parent 7ae18c6b1e
commit 9a7d491ede
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/reveal.css
View File

@@ -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; } }

10
css/reveal.scss
View File

@@ -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;
}