fix CSS styling for video.js 6.0 and newer (fixes #149)

collab-project · Jun 16, 2017 · 6113a32 · 6113a32
1 parent ed6244d
commit 6113a32
Show file tree

Hide file tree

Showing 12 changed files with 66 additions and 260 deletions.
diff --git a/.gitignore b/.gitignore
@@ -17,3 +17,5 @@ doc
 composer.json
 php.ini
 vendor
+
+src/css/font/scss/_icons-codepoint.scss
diff --git a/CHANGES.md b/CHANGES.md
@@ -7,6 +7,7 @@ videojs-record changelog
 - Get blobs after specific time-intervals using the `timestamp` event and
   `timeSlice` option (#3)
 - Bump required version for recordrtc to 5.4.2 for `timeSlice` support
+- Fix CSS styling for video.js 6.0 and newer (#149)
 
 
 1.6.2 - 2017/05/27

diff --git a/src/css/font/README.md b/src/css/font/README.md
@@ -6,8 +6,8 @@ This directory contains the additional font used in the videojs-record plugin.
 Edit the Font
 -------------
 
-To modify the generated font, change the `icons.json` file, located in the `src/css/font`
-directory. Run `grunt font` to update the generated font files. View
+To modify the generated font, change the `icons.json` and `scss.hbs` files, located in
+the `src/css/font` directory. Run `grunt font` to update the generated font files. View
 `src/css/font/preview.html` in a browser to see the result.
 
 See the videojs `font` project documentation for more info:

diff --git a/src/css/font/preview.html b/src/css/font/preview.html
@@ -27,7 +27,7 @@
 </head>
 <body>
   <header>
-	   <h1>videojs-record Icons</h1>
+	   <h1>videojs-record icons</h1>
      <p>All icons prefixed by <code>vjs-icon-</code></p>
    </header>
 	<div class="preview">

diff --git a/src/css/font/scss/_icons-codepoints.scss b/src/css/font/scss/_icons-codepoints.scss
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,3 +17,5 @@ doc @@
     composer.json
     php.ini
     vendor
+    src/css/font/scss/_icons-codepoint.scss