feat(hyphens): Uses hyphens in longer text areas

podlove · Jun 30, 2018 · e1f345f · e1f345f
1 parent 88eaa7a
commit e1f345f
Show file tree

Hide file tree

Showing 8 changed files with 247 additions and 267 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -161,7 +161,7 @@ jobs:
     steps:
       - attach_workspace:
           at: ~/podlove-web-player
-      - run: yarn test
+      - run: yarn test:ci
       - run: bash <(curl -s https://codecov.io/bash)
       - store_test_results:
           path: reports

diff --git a/build/blocks/plugins.js b/build/blocks/plugins.js
@@ -19,7 +19,7 @@ const css = () => new MiniCssExtractPlugin({
 
 const minifyCss = () => new OptimizeCSSAssetsPlugin({})
 
-const version = () => new WebpackAutoInject()
+const version = () => new WebpackAutoInject({ SILENT: true })
 
 const base = base =>
   new webpack.DefinePlugin({

diff --git a/docs/test-transcripts.html b/docs/test-transcripts.html
@@ -117,6 +117,7 @@
 
     <script src="{{ site.baseurl }}/vendor.js"></script>
     <script src="{{ site.baseurl }}/window.js"></script>
+    <script src="{{ site.baseurl }}/style.js"></script>
 </body>
 
 </html>
diff --git a/package.json b/package.json
@@ -35,7 +35,8 @@
     "build": "npm run webpack:build",
     "build:cdn": "npm run webpack:cdn",
     "dev": "npm run dist:clean && npm run docs:dev && npm run webpack:dev",
-    "test": "npm run test:prepare && NODE_ENV=AVA nyc ava --tap | tap-xunit > reports/ava.xml && nyc report --reporter=lcov",
+    "test": "npm run test:prepare && NODE_ENV=AVA nyc ava && nyc report",
+    "test:ci": "npm run test:prepare && NODE_ENV=AVA nyc ava --tap | tap-xunit > reports/ava.xml && nyc report --reporter=lcov",
     "test:dev": "NODE_ENV=AVA ava --watch --fail-fast",
     "test:prepare": "rm -rf reports coverage && mkdir -p reports coverage",
     "lint:commit": "conventional-changelog-lint",
@@ -59,7 +60,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@podlove/html5-audio-driver": "1.2.2",
+    "@podlove/html5-audio-driver": "1.2.5",
     "babel-polyfill": "6.26.0",
     "binary-search": "1.3.3",
     "color": "3.0.0",

diff --git a/src/components/header/Info.vue b/src/components/header/Info.vue
@@ -146,6 +146,7 @@
       line-height: 1.3em;
       font-size: 1.1em;
       font-weight: 100;
+      hyphens: auto;
     }
   }
 

diff --git a/src/components/tabs/info/Info.vue b/src/components/tabs/info/Info.vue
@@ -113,10 +113,12 @@
 
       .summary {
         white-space: pre-line;
+        hyphens: auto;
       }
 
       .subtitle {
         font-weight: 500;
+        hyphens: auto;
       }
 
       .info-link {

diff --git a/src/components/tabs/transcripts/Entry.vue b/src/components/tabs/transcripts/Entry.vue
@@ -220,6 +220,7 @@ export default {
       margin: 0 0.1em 0 0;
       line-height: 0;
       border: 1px solid transparent;
+      hyphens: auto;
 
       &.inactive {
         opacity: 0.75;