Noratrieb/slides
1
0
Fork 0
mirror of https://github.com/Noratrieb/slides.git synced 2026-01-14 16:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

correct height of reveal.js on mobile devices, fixes vertical overflow

Browse source
This commit is contained in:
Hakim El Hattab 2019-01-22 09:45:33 +01:00
parent c36caef5e7
commit 5002304fb1
3 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
css/reveal.scss
View file

@ -15,6 +15,7 @@ html,
body {
width: 100%;
height: 100%;
height: calc( var(--vh, 1vh) * 100 );
overflow: hidden;
}
@ -559,16 +560,6 @@ $controlsArrowAngleActive: 36deg;
touch-action: none;
}
// Mobile Safari sometimes overlays a header at the top
// of the page when in landscape mode. Using fixed
// positioning ensures that reveal.js reduces its height
// when this header is visible.
@media only screen and (orientation : landscape) {
.reveal.ua-iphone {
position: fixed;
}
}
.reveal .slides {
position: absolute;
width: 100%;