aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/progress.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-05-19 11:28:38 +1000
committerGitHub <noreply@github.com>2018-05-19 11:28:38 +1000
commitc41bb657ac490d032f2992845d21a457a7faedf1 (patch)
treef147e08205a538014bdde85832661a2fff497df8 /src/sass/components/progress.scss
parent602353f4d953c5b083ee22fd0ee479ad605de281 (diff)
parentd1acc4abb3e5c7d0b767b3977a6bc804e5b85b45 (diff)
downloadplyr-c41bb657ac490d032f2992845d21a457a7faedf1.tar.lz
plyr-c41bb657ac490d032f2992845d21a457a7faedf1.tar.xz
plyr-c41bb657ac490d032f2992845d21a457a7faedf1.zip
Merge pull request #958 from friday/954
Fix the seek tooltip time difference from seek time
Diffstat (limited to 'src/sass/components/progress.scss')
-rw-r--r--src/sass/components/progress.scss5
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