adjust speaker notes layout on mobile devices

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

View File

@ -1513,6 +1513,12 @@ body {
height: 30vh; } } height: 30vh; } }
@media screen and (max-width: 600px) { @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 { .reveal .speaker-notes {
font-size: 14px; } } font-size: 14px; } }

View File

@ -1655,6 +1655,16 @@ $controlsArrowAngleActive: 36deg;
} }
@media screen and (max-width: 600px) { @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 { .reveal .speaker-notes {
font-size: 14px; font-size: 14px;
} }