diff options
| author | Sam Potts <sam@potts.es> | 2020-01-30 14:23:10 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-01-30 14:23:10 +0000 |
| commit | 9d512911252cf4835c2b7364cb4ae392cb277a1d (patch) | |
| tree | 5e6dcc7647285e49683f05d8a49187e8078d0d2b /src/sass/components/progress.scss | |
| parent | 44d3a17870949e828e5b1a4619a30dfcb626a174 (diff) | |
| parent | b2ac730572ad81aa9755e8b7852c53ceba0e8e9f (diff) | |
| download | plyr-9d512911252cf4835c2b7364cb4ae392cb277a1d.tar.lz plyr-9d512911252cf4835c2b7364cb4ae392cb277a1d.tar.xz plyr-9d512911252cf4835c2b7364cb4ae392cb277a1d.zip | |
Merge pull request #1663 from sampotts/master
Merge back to beta
Diffstat (limited to 'src/sass/components/progress.scss')
| -rw-r--r-- | src/sass/components/progress.scss | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/sass/components/progress.scss b/src/sass/components/progress.scss index f28a19ca..04c83516 100644 --- a/src/sass/components/progress.scss +++ b/src/sass/components/progress.scss @@ -2,18 +2,19 @@ // Playback progress // -------------------------------------------------------------- +// Offset the range thumb in order to be able to calculate the relative progress (#954) +$plyr-progress-offset: $plyr-range-thumb-height; + .plyr__progress { - flex: 1; - left: $plyr-range-thumb-height / 2; - margin-right: $plyr-range-thumb-height; + left: $plyr-progress-offset / 2; + margin-right: $plyr-progress-offset; position: relative; input[type='range'], &__buffer { - margin-left: -($plyr-range-thumb-height / 2); - margin-right: -($plyr-range-thumb-height / 2); - // Offset the range thumb in order to be able to calculate the relative progress (#954) - width: calc(100% + #{$plyr-range-thumb-height}); + margin-left: -($plyr-progress-offset / 2); + margin-right: -($plyr-progress-offset / 2); + width: calc(100% + #{$plyr-progress-offset}); } input[type='range'] { |