fix(responsive, input-button, docs): Fixes several bugs

- Brings back responsive for iOS
- Font size in input buttons
- Docs base url

circle.yml

@@ -35,14 +35,14 @@ deployment:
   staging:
     branch: development
     commands:
-      - yarn docs
+      - yarn docs:dev
       - yarn build
       - yarn deploy:surge
 
   production:
     branch: master
     commands:
-      - yarn docs
+      - yarn docs:prod
       - yarn build
       - yarn deploy:gh-pages
 

docs/_config_prd.yml

@@ -0,0 +1,16 @@
+title: Podlove Web Player
+description: The fast, flexible and responsive podcast player powered by podlove meta data.
+theme: millidocs
+
+destination: ../dist
+baseurl: http://docs.podlove.org/podlove-web-player/
+
+markdown: kramdown
+kramdown:
+  syntax_highlighter_opts:
+    disable : true
+
+exclude:
+  - Gemfile
+  - Gemfile.lock
+  - README.md

package.json

@@ -27,11 +27,12 @@
   "scripts": {
     "dist:clean": "mkdir -p dist && rm -rf dist/*",
     "postinstall": "cd docs && bundle install",
-    "docs": "jekyll build --source docs --destination dist && cp -R docs/fixtures/* dist/fixtures",
-    "webpack:dev": "webpack-dashboard -- webpack-dev-server --content-base dist/ --progress --hot --inline --config src/webpack.config.js",
+    "docs:dev": "jekyll build --source docs --destination dist && cp -R docs/fixtures/* dist/fixtures",
+    "docs:prod": "jekyll build --source docs --destination dist --config docs/_config_prd.yml && cp -R docs/fixtures/* dist/fixtures",
+    "webpack:dev": "webpack-dashboard -- webpack-dev-server --content-base dist/ --progress --hot --inline --config src/webpack.config.js --host 192.168.178.42",
     "webpack:build": "NODE_ENV='production' webpack --config src/webpack.config.js",
     "build": "npm run webpack:build",
-    "dev": "npm run dist:clean && npm run docs && npm run webpack:dev",
+    "dev": "npm run dist:clean && npm run docs:dev && npm run webpack:dev",
     "test": "NODE_ENV=AVA nyc ava && nyc report --reporter=lcov",
     "test:dev": "NODE_ENV=AVA ava --watch --fail-fast",
     "lint:commit": "conventional-changelog-lint",

src/components/shared/Button.vue

@@ -23,6 +23,7 @@
 
 <style lang="scss">
   @import 'variables';
+  @import 'font';
 
   .button {
     display: flex;

src/components/tabs/share/ShareDownload.vue

@@ -14,8 +14,9 @@
           <div>
             <label class="input-label">{{ $t('SHARE.LABELS.TYPE') }}</label>
             <select class="input-select" v-on:change="switchAudioType" :style="inputStyle">
-              <option v-for="option in share.download.files"
+              <option v-for="(option, index) in share.download.files"
                 v-bind:value="option.file"
+                v-bind:key="index"
                 :selected="activeAudioType(share.download.files) === option.type">
                 {{ option.type }}
               </option>

src/embed/embed.js

@@ -18,6 +18,7 @@ const playerSandbox = anchor => {
     frame.setAttribute('width', '100%')
   }
 
+  frame.setAttribute('min-width', '100%')
   frame.setAttribute('seamless', '')
   frame.setAttribute('scrolling', 'no')
   frame.setAttribute('frameborder', '0')

src/styles/_inputs.scss

@@ -1,5 +1,6 @@
 @import 'variables';
 @import 'utils';
+@import 'font';
 
 $input-group-height: 35px;
 $input-height: 25px;
@@ -48,7 +49,9 @@ $slider-button-size: 35px;
   border-radius: 3px;
   border-style: solid;
   opacity: 1;
-  font-size: 0.9em;
+
+  @include font();
+  font-size: 1.1em;
   font-variant: small-caps;
 
   &:hover {