vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Fixes #794

old
Javi Velasco 2016-09-27 00:18:23 +02:00
parent 5ba891fe19
commit 70b0a3f595
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/slider/Slider.js
View File

@ -4,7 +4,6 @@ import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { SLIDER } from '../identifiers.js';
import events from '../utils/events.js';
import prefixer from '../utils/prefixer.js';
import utils from '../utils/utils.js';
import InjectProgressBar from '../progress_bar/ProgressBar.js';
import InjectInput from '../input/Input.js';
@ -186,7 +185,8 @@ const factory = (ProgressBar, Input) => {
knobOffset () {
const { max, min } = this.props;
return this.state.sliderLength * (this.props.value - min) / (max - min);
const translated = this.state.sliderLength * (this.props.value - min) / (max - min);
return translated * 100 / this.state.sliderLength;
}
move (position) {
@ -252,7 +252,7 @@ const factory = (ProgressBar, Input) => {
render () {
const { theme } = this.props;
const knobStyles = prefixer({transform: `translateX(${this.knobOffset()}px)`});
const knobStyles = {left: `${this.knobOffset()}%`};
const className = classnames(theme.slider, {
[theme.editable]: this.props.editable,
[theme.pinned]: this.props.pinned,