Video: fix progress styles, fixes #942

api-accept
Alex Gleason 2022-05-07 10:52:14 -05:00
rodzic 45a7dc5bcf
commit 12b2be2927
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 7 dodań i 4 usunięć

Wyświetl plik

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