moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'video-styles' into 'develop' 

Video: fix progress styles, fixes #942

Closes #942

See merge request soapbox-pub/soapbox-fe!1326
This commit is contained in:
Alex Gleason 2022-05-07 16:14:30 +00:00
parent 45a7dc5bcf 12b2be2927
commit 4d898e1075
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles/components/video-player.scss
View File

@ -291,6 +291,7 @@
} }
&__current { &__current {
@apply bg-accent-500;
display: block; display: block;
position: absolute; position: absolute;
height: 4px; height: 4px;
@ -298,10 +299,10 @@
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
background: var(--accent-color);
} }
&__handle { &__handle {
@apply bg-accent-500;
position: absolute; position: absolute;
z-index: 3; z-index: 3;
border-radius: 50%; border-radius: 50%;
@ -311,7 +312,6 @@
left: 0; left: 0;
margin-left: -6px; margin-left: -6px;
transform: translate(0, -50%); transform: translate(0, -50%);
background: var(--accent-color);
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2); box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
opacity: 0; opacity: 0;
@ -365,7 +365,10 @@
height: 4px; height: 4px;
border-radius: 4px; border-radius: 4px;
top: 14px; top: 14px;
background: var(--accent-color); }
&__progress {
@apply bg-accent-500;
} }
&__buffer { &__buffer {
@ -373,6 +376,7 @@
} }
&__handle { &__handle {
@apply bg-accent-500;
position: absolute; position: absolute;
z-index: 3; z-index: 3;
opacity: 0; opacity: 0;
@ -381,7 +385,6 @@
height: 12px; height: 12px;
top: 10px; top: 10px;
margin-left: -6px; margin-left: -6px;
background: var(--accent-color);
box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2); box-shadow: 1px 2px 6px rgba($base-shadow-color, 0.2);
.no-reduce-motion & { .no-reduce-motion & {