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; visibility: hidden;
} }
.start-button {
z-index: 1;
}
&.loaded .loading { &.loaded .loading {
visibility: visible; visibility: visible;
} }
@ -24,8 +28,4 @@
&.fully-loaded video { &.fully-loaded video {
visibility: visible; visibility: visible;
} }
.start-button {
z-index: 1;
}
} }

12
src/styles.scss
View file

@ -56,6 +56,9 @@ noscript {
@include absolute-center; @include absolute-center;
@include square(calc(var(--large-icon-size) + var(--normal-margin) * 2)); @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 { &:hover svg {
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
@ -92,12 +95,15 @@ noscript {
left: 0; left: 0;
height: 100%; height: 100%;
width: 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, img,
video, video,
iframe { iframe {