prefer vh for speaker notes layout

This commit is contained in:
Hakim El Hattab 2018-12-17 12:58:55 +01:00
parent c2270cc0c5
commit 6fe0cbc0dd
2 changed files with 13 additions and 3 deletions

View file

@ -1531,19 +1531,24 @@ body {
border-left: 0; border-left: 0;
max-width: none; max-width: none;
max-height: 70%; max-height: 70%;
max-height: 70vh;
overflow: visible; } overflow: visible; }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 100%; top: 100%;
left: 0; left: 0;
width: 100%; width: 100%;
height: 42.8571428571%; } } height: 42.8571428571%;
height: 30vh;
border: 0; } }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.reveal.show-notes { .reveal.show-notes {
max-height: 60%; } max-height: 60%;
max-height: 60vh; }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 100%; top: 100%;
height: 66.6666666667%; } height: 66.6666666667%;
height: 40vh; }
.reveal .speaker-notes { .reveal .speaker-notes {
font-size: 14px; } } font-size: 14px; } }

View file

@ -1684,6 +1684,7 @@ $controlsArrowAngleActive: 36deg;
border-left: 0; border-left: 0;
max-width: none; max-width: none;
max-height: 70%; max-height: 70%;
max-height: 70vh;
overflow: visible; overflow: visible;
} }
@ -1692,17 +1693,21 @@ $controlsArrowAngleActive: 36deg;
left: 0; left: 0;
width: 100%; width: 100%;
height: (30/0.7)*1%; height: (30/0.7)*1%;
height: 30vh;
border: 0;
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.reveal.show-notes { .reveal.show-notes {
max-height: 60%; max-height: 60%;
max-height: 60vh;
} }
.reveal.show-notes .speaker-notes { .reveal.show-notes .speaker-notes {
top: 100%; top: 100%;
height: (40/0.6)*1%; height: (40/0.6)*1%;
height: 40vh;
} }
.reveal .speaker-notes { .reveal .speaker-notes {