Line height fix

Reverted font size change
Built JS
2016-06-26 09:07:42 +10:00 · 2016-06-26 09:04:38 +10:00 · 2016-06-26 08:45:06 +10:00 · 2016-06-26 08:34:36 +10:00
10 changed files with 28 additions and 21 deletions
--- a/changelog.md
+++ b/changelog.md
@ -1,9 +1,18 @@
 # Changelog

-# v1.8.4
+## v1.8.7
+- Line height fix
+
+## v1.8.6
+- Reverted font size change
+
+## v1.8.5
+- Fixed overflow issues (fixes #286)
+
+## v1.8.4
 - Fix for large play button on small videos

-# v1.8.3
+## v1.8.3
 - Disabled iPad support for YouTube and Vimeo due to iOS limitations with iFrame playback
 - Fixed IE11 icon loading (fixes #269)
 - Updated screenshot (fixes #281)
@ -12,10 +21,10 @@
 - Added HLS, Shaka and dash.js examples (see #235 for more)
 - Improvements for controls hiding and showing on touch devices

-# v1.8.2
+## v1.8.2
 - Fixed event bubbling 

-# v1.8.1
+## v1.8.1
 - Fixed inaccurate log message

 # v1.8.0
--- a/dist/plyr.css
+++ b/dist/plyr.css
--- a/dist/plyr.js
+++ b/dist/plyr.js
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "plyr",
-  "version": "1.8.4",
+  "version": "1.8.7",
  "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
  "homepage": "http://plyr.io",
  "main": "src/js/plyr.js",
--- a/readme.md
+++ b/readme.md
@ -120,7 +120,7 @@ Include the `plyr.js` script before the closing `</body>` tag and then call `ply
 If you want to use our CDN for the JavaScript, you can use the following:

 ```html
-<script src="https://cdn.plyr.io/1.8.4/plyr.js"></script>
+<script src="https://cdn.plyr.io/1.8.7/plyr.js"></script>
 ```

 ### CSS
@ -133,11 +133,11 @@ Include the `plyr.css` stylsheet into your `<head>`
 If you want to use our CDN for the default CSS, you can use the following:

 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/1.8.4/plyr.css">
+<link rel="stylesheet" href="https://cdn.plyr.io/1.8.7/plyr.css">
 ```

 ### SVG Sprite
-The SVG sprite is loaded automatically from our CDN. To change this, see the [#options](Options) below. For reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/1.8.4/plyr.svg`.
+The SVG sprite is loaded automatically from our CDN. To change this, see the [#options](Options) below. For reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/1.8.7/plyr.svg`.

 ## Advanced

--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v1.8.4
+// plyr.js v1.8.7
 // https://github.com/selz/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
@ -44,7 +44,7 @@
        displayDuration:        true,
        loadSprite:             true,
        iconPrefix:             'plyr',
-        iconUrl:                'https://cdn.plyr.io/1.8.4/plyr.svg',
+        iconUrl:                'https://cdn.plyr.io/1.8.7/plyr.svg',
        clickToPlay:            true,
        hideControls:           true,
        showPosterOnEnd:        false,
@ -191,7 +191,7 @@
        if ((navigator.appVersion.indexOf('Windows NT') !== -1) && (navigator.appVersion.indexOf('rv:11') !== -1)) {
            isIE = true;
            name = 'IE';
-            fullVersion = '11;';
+            fullVersion = '11';
        }
        // MSIE
        else if ((verOffset = ua.indexOf('MSIE')) !== -1) {
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@ -19,8 +19,7 @@
    position: relative;
    max-width: 100%;
    min-width: 200px;
-    overflow: hidden;
-    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
+    font-family: @plyr-font-family;
    direction: ltr;

    & when (@plyr-border-box = true) {
@ -664,7 +663,6 @@
    display: inline-block;
    vertical-align: middle;
    font-size: @plyr-font-size-small;
-    line-height: .95;
 }
 // Media duration hidden on small screens
 .plyr__time + .plyr__time {
--- a/src/less/variables.less
+++ b/src/less/variables.less
@ -11,7 +11,8 @@
 // Colors
@plyr-color-main:                       #3498db;

-// Font sizes
+// Font
+@plyr-font-family:                      'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
@plyr-font-size-small:                  14px;
@plyr-font-size-base:                   16px;

--- a/src/scss/plyr.scss
+++ b/src/scss/plyr.scss
@ -19,8 +19,7 @@
    position: relative;
    max-width: 100%;
    min-width: 200px;
-    overflow: hidden;
-    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
+    font-family: $plyr-font-family;
    direction: ltr;

    @if $plyr-border-box == true {
@ -663,7 +662,6 @@
    display: inline-block;
    vertical-align: middle;
    font-size: $plyr-font-size-small;
-    line-height: .95;
 }
 // Media duration hidden on small screens
 .plyr__time + .plyr__time {
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@ -13,6 +13,7 @@ $plyr-sr-only-important:                true !default;
 $plyr-color-main:                       #3498db !default;

 // Font sizes
+$plyr-font-family:                      'San Francisco', -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
 $plyr-font-size-small:                  14px !default;
 $plyr-font-size-base:                   16px !default;
Author	SHA1	Message	Date
Sam Potts	7f7ecf852e	Line height fix	2016-06-26 09:07:42 +10:00
Sam Potts	931672895f	Reverted font size change	2016-06-26 09:04:38 +10:00
Sam Potts	0952bc8239	Built JS	2016-06-26 08:45:06 +10:00
Sam Potts	7e7508ca82	Fixed overflow issues (fixes #286 )	2016-06-26 08:34:36 +10:00