fix(styles): resets number input in firefox and sets width of input-s…

…tate
podlove · Nov 9, 2018 · e797522 · e797522
1 parent ba5d2e9
commit e797522
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/components/tabs/audio/Audio.vue b/src/components/tabs/audio/Audio.vue
@@ -2,7 +2,7 @@
   <div class="audio-tab" id="tab-audio">
     <audio-volume-component class="seperator" v-if="components.audio.volumeControl"></audio-volume-component>
     <audio-rate-component class="seperator" v-if="components.audio.rateControl"></audio-rate-component>
-    <audio-channels-component class="seperator" v-if="components.audio.channelControl && channelsAvailable"></audio-channels-component>
+    <audio-channels-component class="seperator" v-if="components.audio.channelControl"></audio-channels-component>
     <footer-component></footer-component>
   </div>
 </template>

diff --git a/src/store/filter/reducer.js b/src/store/filter/reducer.js
@@ -4,13 +4,11 @@ import { handleActions } from 'redux-actions'
 import { LOADING, UPDATE_FILTER } from '../types'
 
 export const INITIAL_STATE = {
-  channels: 2,
-  buffer: false
+  channels: 2
 }
 
 const stateHandler = (state, { payload }) => ({
   ...state,
-  buffer: !!payload.buffer,
   channels: get(payload, 'channels', 2)
 })
 

diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -67,8 +67,8 @@ $thumb-width-desktop-hover: 25px;
 $thumb-width-mobile: 44px;
 $input-height: 35px;
 $mute-control-width: 60px;
-$input-state-width: 60px;
-$input-value-width: 30px;
+$input-state-width: 65px;
+$input-value-width: 35px;
 
 // Transcripts
 $transcripts-header-height: 50px;

diff --git a/src/styles/resets/_input.scss b/src/styles/resets/_input.scss
@@ -4,3 +4,7 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
+
+input[type=number] {
+  -moz-appearance:textfield;
+}