ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix the seek tooltip time difference from seek time

Browse Source
This commit is contained in:
Albin Larsson 2018-05-12 00:02:05 +02:00
parent 765c01e83d
commit f2fc3f5ea5
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/controls.js vendored
View File

@ -443,7 +443,7 @@ const controls = {
// Calculate percentage // Calculate percentage
let percent = 0; let percent = 0;
const clientRect = this.elements.inputs.seek.getBoundingClientRect(); const clientRect = this.elements.progress.getBoundingClientRect();
const visible = `${this.config.classNames.tooltip}--visible`; const visible = `${this.config.classNames.tooltip}--visible`;
const toggle = toggle => { const toggle = toggle => {

5
src/sass/components/progress.scss
View File

@ -6,10 +6,15 @@
display: flex; display: flex;
flex: 1; flex: 1;
position: relative; position: relative;
margin-right: $plyr-range-thumb-height;
left: $plyr-range-thumb-height / 2;
input[type='range'] { input[type='range'] {
position: relative; position: relative;
z-index: 2; 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 // Seek tooltip to show time