From 61148534452bbabd83921e6cf43216f2847c2a5c Mon Sep 17 00:00:00 2001
From: Tony Wasserka <918-neobrain@users.noreply.dev.funkwhale.audio>
Date: Fri, 10 Sep 2021 19:03:32 +0000
Subject: [PATCH] Enable stepless adjustment of the volume control slider
---
changes/changelog.d/1294.bugfix | 1 +
front/src/components/audio/VolumeControl.vue | 9 +++++----
2 files changed, 6 insertions(+), 4 deletions(-)
create mode 100644 changes/changelog.d/1294.bugfix
diff --git a/changes/changelog.d/1294.bugfix b/changes/changelog.d/1294.bugfix
new file mode 100644
index 0000000000..b0106c13d4
--- /dev/null
+++ b/changes/changelog.d/1294.bugfix
@@ -0,0 +1 @@
+Enable stepless adjustment of the volume slider (!1294)
diff --git a/front/src/components/audio/VolumeControl.vue b/front/src/components/audio/VolumeControl.vue
index 7f29976afa..06110a4e2e 100644
--- a/front/src/components/audio/VolumeControl.vue
+++ b/front/src/components/audio/VolumeControl.vue
@@ -29,9 +29,9 @@
<input
id="volume-slider"
type="range"
- step="0.02"
+ step="any"
min="0"
- max="1"
+ v-bind:max="volumeSteps"
v-model="sliderVolume" />
</div>
</button>
@@ -44,15 +44,16 @@ export default {
return {
expanded: false,
timeout: null,
+ volumeSteps: 100,
}
},
computed: {
sliderVolume: {
get () {
- return this.$store.state.player.volume
+ return this.$store.state.player.volume * this.volumeSteps;
},
set (v) {
- this.$store.commit("player/volume", v)
+ this.$store.commit("player/volume", v / this.volumeSteps)
}
},
labels () {
--
GitLab