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

Fix video issues

Browse source
This commit is contained in:
schmelczerandras 2020-12-05 12:37:20 +01:00
parent 4b11edfbd9
commit a44bfcdf4c
3 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,14 +1,6 @@
@use '../../../style/mixins' as *; @use '../../../style/mixins' as *;
.video-container { .video-container {
& > *:not(.start-button) {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.loading { .loading {
@include square(var(--large-icon-size)); @include square(var(--large-icon-size));
@include absolute-center; @include absolute-center;
@ -32,4 +24,8 @@
&.fully-loaded video { &.fully-loaded video {
visibility: visible; visibility: visible;
} }
.start-button {
z-index: 1;
}
} }

BIN
src/static/media/ad_astra.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 216 KiB

After

Width:  |  Height:  |  Size: 232 KiB

Before After
Before After

3
src/styles.scss
View file

@ -92,6 +92,9 @@ 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);
} }
} }