diff options
| author | Sam Potts <sam@potts.es> | 2019-04-25 12:11:06 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-04-25 12:11:06 +1000 |
| commit | e644eeb5b62e6e2eb915d5915cb65ba8af88c05e (patch) | |
| tree | 60f96b088ce8490429199163a5e71768b8a9b52c /src/sass/components/progress.scss | |
| parent | 2bd08cdc28bf55b7f7a169b02eb288d7b197b8d6 (diff) | |
| parent | 5ddd9e02def654bb677c988403dbefbc4a32787c (diff) | |
| download | plyr-e644eeb5b62e6e2eb915d5915cb65ba8af88c05e.tar.lz plyr-e644eeb5b62e6e2eb915d5915cb65ba8af88c05e.tar.xz plyr-e644eeb5b62e6e2eb915d5915cb65ba8af88c05e.zip | |
Merge pull request #1423 from sampotts/develop
v3.5.4
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'] { |