Browse Source

Fix seeking thumb position

master
Eduard Kuzmenko 3 years ago
parent
commit
c0ce3b9075
  1. 6
      src/scss/partials/_ckin.scss

6
src/scss/partials/_ckin.scss

@ -380,8 +380,8 @@ video::-webkit-media-controls-enclosure {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: calc((var(--thumb-size) - var(--height)) / -2);
transform: translate(calc(var(--thumb-size) / 2), -50%) scale(1); transform: translateX(calc(var(--thumb-size) / 2)) scale(1);
@include animation-level(2) { @include animation-level(2) {
transition: transform .125s ease-in-out; transition: transform .125s ease-in-out;
@ -391,7 +391,7 @@ video::-webkit-media-controls-enclosure {
} }
&.is-focused .progress-line__filled:not(.progress-line__loaded):after { &.is-focused .progress-line__filled:not(.progress-line__loaded):after {
transform: translate(calc(var(--thumb-size) / 2), -50%) scale(1.25); transform: translateX(calc(var(--thumb-size) / 2)) scale(1.25);
} }
&__loaded, &:before { &__loaded, &:before {

Loading…
Cancel
Save