diff options
| author | Albin Larsson <mail@albinlarsson.com> | 2018-05-12 00:02:05 +0200 |
|---|---|---|
| committer | Albin Larsson <mail@albinlarsson.com> | 2018-05-12 00:10:39 +0200 |
| commit | f2fc3f5ea5c9df297f553b161fc0d6e5fa6f4ba5 (patch) | |
| tree | ad8e85f4d14b1455b6dbea49e2fb722a7dc367fa /src/sass/components/progress.scss | |
| parent | 765c01e83dc4173d778538061a82e1973a8574f0 (diff) | |
| download | plyr-f2fc3f5ea5c9df297f553b161fc0d6e5fa6f4ba5.tar.lz plyr-f2fc3f5ea5c9df297f553b161fc0d6e5fa6f4ba5.tar.xz plyr-f2fc3f5ea5c9df297f553b161fc0d6e5fa6f4ba5.zip | |
Fix the seek tooltip time difference from seek time
Diffstat (limited to 'src/sass/components/progress.scss')
| -rw-r--r-- | src/sass/components/progress.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/sass/components/progress.scss b/src/sass/components/progress.scss index 7490ee17..60994f99 100644 --- a/src/sass/components/progress.scss +++ b/src/sass/components/progress.scss @@ -6,10 +6,15 @@ display: flex; flex: 1; position: relative; + margin-right: $plyr-range-thumb-height; + left: $plyr-range-thumb-height / 2; input[type='range'] { position: relative; z-index: 2; + // Offset the range thumb in order to be able to calculate the relative progress (#954) + width: calc(100% + #{$plyr-range-thumb-height}) !important; + margin: 0 -#{$plyr-range-thumb-height / 2} !important; } // Seek tooltip to show time |