From 1796f58e53858a2bca9802aff18564f3359c6499 Mon Sep 17 00:00:00 2001
From: schmelczerandras <schmelczer.andras@simonyi.bme.hu>
Date: Sat, 5 Dec 2020 13:09:21 +0100
Subject: [PATCH] Solve bug on iOS

---
 src/page/basics/video/video.scss |  8 ++++----
 src/styles.scss                  | 12 +++++++++---
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/page/basics/video/video.scss b/src/page/basics/video/video.scss
index db0fcce..74feaa7 100644
--- a/src/page/basics/video/video.scss
+++ b/src/page/basics/video/video.scss
@@ -17,6 +17,10 @@
     visibility: hidden;
   }
 
+  .start-button {
+    z-index: 1;
+  }
+
   &.loaded .loading {
     visibility: visible;
   }
@@ -24,8 +28,4 @@
   &.fully-loaded video {
     visibility: visible;
   }
-
-  .start-button {
-    z-index: 1;
-  }
 }
diff --git a/src/styles.scss b/src/styles.scss
index 05f2224..f50e249 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -56,6 +56,9 @@ noscript {
   @include absolute-center;
   @include square(calc(var(--large-icon-size) + var(--normal-margin) * 2));
 
+  // as a result of the firefox fix, it is required for iOS devices
+  transform: translate3d(-50%, -50%, 0.00001px);
+
   &:hover svg {
     box-shadow: var(--shadow);
   }
@@ -92,12 +95,15 @@ noscript {
     left: 0;
     height: 100%;
     width: 100%;
-
-    // the picture of videos is not always visible on firefox mobile without this
-    transform: translate3d(0, 0, 0.00001px);
   }
 }
 
+video,
+iframe {
+  // the picture of videos is not always visible on firefox mobile without this
+  transform: translate3d(0, 0, 0.00001px);
+}
+
 img,
 video,
 iframe {