mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-21 05:51:36 +02:00
Code Issues Releases Wiki Activity

prevent mobile safari header from covering presentation content

Browse Source
This commit is contained in:
Hakim El Hattab
2017-06-13 09:43:05 +02:00
parent 9342d19b5a
commit 1233092223
3 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/reveal.css
View File

@@ -474,6 +474,10 @@ body {
-ms-touch-action: none;
touch-action: none; }
@media only screen and (orientation: landscape) {
.reveal.ua-iphone {
position: fixed; } }
.reveal .slides {
position: absolute;
width: 100%;

10
css/reveal.scss
View File

@@ -569,6 +569,16 @@ $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%;