Merge branch 'develop' into 'sshuffle-restart'

# Conflicts:
#   CHANGELOG
#   front/src/components/audio/Player.vue

CHANGELOG

@@ -6,7 +6,7 @@ Changelog
 
 - Front: Fixed broken ajax call on radio builder (#69)
 - Front: Shuffle now restart next track from beginning (#70)
-
+- Front: volume slider should now have the same style everywhere (#72)
 
 0.5 (2018-02-24)
 ----------------

front/src/components/audio/Player.vue

@@ -308,6 +308,60 @@ export default {
     bottom: 5px;
     left: 10%;
     cursor: pointer;
+    display: none;
+  }
+  input[type=range] {
+    -webkit-appearance: none;
+  }
+  input[type=range]:focus {
+    outline: none;
+  }
+  input[type=range]::-webkit-slider-runnable-track {
+    cursor: pointer;
+    background: white;
+  }
+  input[type=range]::-webkit-slider-thumb {
+    background: white;
+    cursor: pointer;
+    -webkit-appearance: none;
+  }
+  input[type=range]:focus::-webkit-slider-runnable-track {
+    background: #white;
+  }
+  input[type=range]::-moz-range-track {
+    cursor: pointer;
+    background: white;
+  }
+  input[type=range]::-moz-range-thumb {
+    background: white;
+    cursor: pointer;
+  }
+  input[type=range]::-ms-track {
+    cursor: pointer;
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+  }
+  input[type=range]::-ms-fill-lower {
+    background: white;
+  }
+  input[type=range]::-ms-fill-upper {
+    background: white;
+  }
+  input[type=range]::-ms-thumb {
+    background: white;
+    cursor: pointer;
+  }
+  input[type=range]:focus::-ms-fill-lower {
+    background: white;
+  }
+  input[type=range]:focus::-ms-fill-upper {
+    background: #white;
+  }
+  &:hover {
+    [type="range"] {
+      display: block;
+    }
   }
 }