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

2019-01-22 09:45:33 +01:00
parent c36caef5e7
commit 5002304fb1
3 changed files with 12 additions and 14 deletions
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -12,6 +12,7 @@ html,
 body {
  width: 100%;
  height: 100%;
+  height: calc( var(--vh, 1vh) * 100);
  overflow: hidden; }

 body {
@@ -463,10 +464,6 @@ 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%;