secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Ignoring wheel momentum, only +/- 5% for each scroll event, fixes #100

Browse Source
This commit is contained in:
James Barnsley
2017-09-05 20:25:13 +12:00
parent 77b2f0e329
commit 2e8ef8896a
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/js/components/VolumeControl.js
View File

@ -28,11 +28,18 @@ class VolumeControl extends React.Component{
percent = 0
}
this.props.mopidyActions.setVolume( percent )
this.props.mopidyActions.setVolume(percent)
}
handleWheel(e) {
var percent = Math.round(this.props.volume - e.deltaY/8);
handleWheel(e){
// Identify which direction we've scrolled (inverted)
// This is simplified and doesn't consider momentum as it varies wildly
// between browsers and devices
var direction = (e.deltaY > 0 ? -1 : 1)
var percent = this.props.volume;
percent += direction * 5
if (percent > 100){
percent = 100
@ -40,7 +47,7 @@ class VolumeControl extends React.Component{
percent = 0
}
this.props.mopidyActions.setVolume( percent );
this.props.mopidyActions.setVolume(percent);
e.preventDefault();
}