andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Solve bug on iOS

Browse source
This commit is contained in:
schmelczerandras 2020-12-05 13:09:21 +01:00
parent a44bfcdf4c
commit 1796f58e53
2 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/page/basics/video/video.scss
View file

@ -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;
}
}

12
src/styles.scss
View file

@ -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 {