diff --git a/changes/changelog.d/1294.bugfix b/changes/changelog.d/1294.bugfix new file mode 100644 index 0000000000000000000000000000000000000000..b0106c13d4b23478d46e0fc341f94fcc7eaa9d6f --- /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 7f29976afaf6ebbe53f394b04976e1019e4c1a58..06110a4e2ed71cff57f21ffcac0b8cbf550dcad5 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 () {