From 645bf9e3c702c80b9b8e988dd97ad758a02860f2 Mon Sep 17 00:00:00 2001
From: An Phan <me@phanan.net>
Date: Thu, 24 Nov 2016 16:28:32 +0800
Subject: [PATCH] Correctly unmute when volume track is dragged

---
 resources/assets/js/components/site-footer/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/site-footer/index.vue b/resources/assets/js/components/site-footer/index.vue
index 88d9c662..f74edab0 100644
--- a/resources/assets/js/components/site-footer/index.vue
+++ b/resources/assets/js/components/site-footer/index.vue
@@ -35,10 +35,10 @@
           <equalizer v-if="useEqualizer" v-show="showEqualizer"/>
           <sound-bar v-show="song.playbackState === 'playing'"/>
           <i class="like control fa fa-heart" :class="{ liked: song.liked }" @click.prevent="like"/>
-          <span class="control"
+          <span class="control info"
             @click.prevent="toggleExtraPanel"
             :class="{ active: prefs.showExtraPanel }">Info</span>
-          <i class="fa fa-sliders control"
+          <i class="fa fa-sliders control equalizer"
             v-if="useEqualizer"
             @click="showEqualizer = !showEqualizer"
             :class="{ active: showEqualizer }"/>
@@ -54,7 +54,7 @@
           <span class="volume control" id="volume">
             <i class="fa fa-volume-up" @click.prevent="mute" v-show="!muted"/>
             <i class="fa fa-volume-off" @click.prevent="unmute" v-show="muted"/>
-            <input type="range" id="volumeRange" max="10" step="0.1" class="plyr__volume">
+            <input type="range" id="volumeRange" max="10" step="0.1" @change="muted = false" class="plyr__volume">
           </span>
         </div>
       </div>