mojs-player: add z-index of 100

legomushroom · legomushroom · commit e2902a7c3d7a · 2016-04-27T12:11:54.000-05:00
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "mojs-player",
-  "version": "0.40.0",
+  "version": "0.40.1",
   "description": "Player controls for [mojs](mojs.io). Intended to help you to craft `mojs` animation sequences.",
   "main": "build/mojs-player.min.js",
   "authors": [
diff --git a/build/mojs-player.js b/build/mojs-player.js
@@ -1,7 +1,7 @@
 /*! 
 	:: MojsPlayer :: Player controls for [mojs](mojs.io). Intended to help you to craft `mojs` animation sequences.
 	Oleg Solomka @LegoMushroom 2016 MIT
-	0.40.0 
+	0.40.1 
 */
 
 /******/ (function(modules) { // webpackBootstrap
@@ -159,7 +159,7 @@
 	    this._defaults.isHidden = false;
 
 	    var str = 'mojs-player';
-	    this.revision = '0.40.0';
+	    this.revision = '0.40.1';
 	    this._prefix = str + '-' + this._hashCode(str) + '-';
 	    this._localStorage = this._prefix + 'model';
 	  };
@@ -8928,7 +8928,7 @@
 
 
 	// module
-	exports.push([module.id, "._mojs-player_1uepo_4 {\n  position:       fixed;\n  left:           0;\n  bottom:         0;\n  width:          100%;\n  height:       40px;\n  height:       40px;\n  height:         2.5rem;\n  background:     rgba( 58, 8, 57, .85 )\n}\n._mojs-player__left_1uepo_1 {\n  position:       absolute;\n  left:       0;\n  width:       175px;\n  width:       175px;\n  width:       10.9375rem\n}\n._mojs-player__mid_1uepo_1 {\n  position:       absolute;\n  left:       175px;\n  left:       175px;\n  left:       10.9375rem;\n  right:       35px;\n  right:       35px;\n  right:       2.1875rem;\n  overflow:       hidden;\n  padding:       0 20px;\n  padding:       0 20px;\n  padding:       0 1.25rem\n}\n._mojs-player__right_1uepo_1 {\n  position:       absolute;\n  right:       0\n}\n._mojs-player__hide-button_1uepo_1 {\n  position:       absolute;\n  right:       6px;\n  right:       6px;\n  right:       0.375rem;\n  bottom:       100%\n}\n._mojs-player_1uepo_4._is-hidden_1uepo_40 {\n  -webkit-transform:       translateY(100%);\n          transform:       translateY(100%)\n}\n._mojs-player_1uepo_4._is-transition_1uepo_43 {\n  -webkit-transition:       all .15s ease-out;\n  transition:       all .15s ease-out\n}\n\n", ""]);
+	exports.push([module.id, "._mojs-player_tes6w_4 {\n  position:       fixed;\n  left:           0;\n  bottom:         0;\n  width:          100%;\n  height:       40px;\n  height:       40px;\n  height:         2.5rem;\n  background:     rgba( 58, 8, 57, .85 );\n  z-index:        100\n}\n._mojs-player__left_tes6w_1 {\n  position:       absolute;\n  left:       0;\n  width:       175px;\n  width:       175px;\n  width:       10.9375rem\n}\n._mojs-player__mid_tes6w_1 {\n  position:       absolute;\n  left:       175px;\n  left:       175px;\n  left:       10.9375rem;\n  right:       35px;\n  right:       35px;\n  right:       2.1875rem;\n  overflow:       hidden;\n  padding:       0 20px;\n  padding:       0 20px;\n  padding:       0 1.25rem\n}\n._mojs-player__right_tes6w_1 {\n  position:       absolute;\n  right:       0\n}\n._mojs-player__hide-button_tes6w_1 {\n  position:       absolute;\n  right:       6px;\n  right:       6px;\n  right:       0.375rem;\n  bottom:       100%\n}\n._mojs-player_tes6w_4._is-hidden_tes6w_41 {\n  -webkit-transform:       translateY(100%);\n          transform:       translateY(100%)\n}\n._mojs-player_tes6w_4._is-transition_tes6w_44 {\n  -webkit-transition:       all .15s ease-out;\n  transition:       all .15s ease-out\n}\n\n", ""]);
 
 	// exports
 
@@ -8938,13 +8938,13 @@
 /***/ function(module, exports) {
 
 	module.exports = {
-		"mojs-player": "_mojs-player_1uepo_4",
-		"mojs-player__left": "_mojs-player__left_1uepo_1",
-		"mojs-player__mid": "_mojs-player__mid_1uepo_1",
-		"mojs-player__right": "_mojs-player__right_1uepo_1",
-		"mojs-player__hide-button": "_mojs-player__hide-button_1uepo_1",
-		"is-hidden": "_is-hidden_1uepo_40",
-		"is-transition": "_is-transition_1uepo_43"
+		"mojs-player": "_mojs-player_tes6w_4",
+		"mojs-player__left": "_mojs-player__left_tes6w_1",
+		"mojs-player__mid": "_mojs-player__mid_tes6w_1",
+		"mojs-player__right": "_mojs-player__right_tes6w_1",
+		"mojs-player__hide-button": "_mojs-player__hide-button_tes6w_1",
+		"is-hidden": "_is-hidden_tes6w_41",
+		"is-transition": "_is-transition_tes6w_44"
 	};
 
 /***/ }
diff --git a/build/mojs-player.min.js b/build/mojs-player.min.js
diff --git a/css/blocks/mojs-player.postcss.css b/css/blocks/mojs-player.postcss.css
@@ -8,6 +8,7 @@
   width:          100%;
   height:         calc( 40 * $PX );
   background:     rgba( 58, 8, 57, .85 );
+  z-index:        100;
   
   $btnWidth: 35;
   $btnCount: 5;
diff --git a/css/blocks/mojs-player.postcss.css.json b/css/blocks/mojs-player.postcss.css.json
@@ -1 +1 @@
-{"mojs-player":"_mojs-player_1uepo_4","mojs-player__left":"_mojs-player__left_1uepo_1","mojs-player__mid":"_mojs-player__mid_1uepo_1","mojs-player__right":"_mojs-player__right_1uepo_1","mojs-player__hide-button":"_mojs-player__hide-button_1uepo_1","is-hidden":"_is-hidden_1uepo_40","is-transition":"_is-transition_1uepo_43"}
+{"mojs-player":"_mojs-player_tes6w_4","mojs-player__left":"_mojs-player__left_tes6w_1","mojs-player__mid":"_mojs-player__mid_tes6w_1","mojs-player__right":"_mojs-player__right_tes6w_1","mojs-player__hide-button":"_mojs-player__hide-button_tes6w_1","is-hidden":"_is-hidden_tes6w_41","is-transition":"_is-transition_tes6w_44"}
diff --git a/gulpfile.js b/gulpfile.js
@@ -15,7 +15,7 @@ var shell         = require("gulp-shell");
 var babel         = require("gulp-babel");
 
 var devFolder   = '', distFolder  = '', currentVersion = 0;
-var distMoFile = devFolder + 'build/mojs-player.js';
+var distMoFile  = devFolder + 'build/mojs-player.js';
 var libMainFile = devFolder + 'lib/mojs-player.js';
 
 var paths = {
@@ -48,6 +48,7 @@ gulp.task('babel-lib', function(e){
 gulp.task('minify', function() {
   return gulp.src(distMoFile)
           .pipe(plumber())
+          .pipe(livereload())
           .pipe(insert.transform(function(contents) {
             return credits + contents;
           }))
@@ -105,7 +106,7 @@ gulp.task('update-main-file-version', function(e){
   });
 
 gulp.task('default', function(){
-  var server = livereload();
+  livereload.listen();
   gulp.run('get-current-version');
   gulp.watch(paths.src.babel, [ 'babel-lib' ]);
   gulp.watch(distMoFile,      [ 'minify' ]);
diff --git a/index.html b/index.html
@@ -34,16 +34,13 @@
     <script src="build/mojs-player.js"></script>
 
     <script>
-
       let el = document.querySelector( '#js-el' );
-      
       let tw = new mojs.Tween({
         duration:  4000,
         onUpdate (p) {
           el.style.transform = `translateX(${ 1000 * p }px)`;
         }
       });
-
       let mojsPlayer = new MojsPlayer({
         add:       tw,
         isPlaying: true,
@@ -52,7 +49,7 @@
         // className: 'lalal'
         // isSaveState: false
       });
-
     </script>
+    
   </body>
 </html>
diff --git a/js/mojs-player.babel.js b/js/mojs-player.babel.js
@@ -34,7 +34,7 @@ class MojsPlayer extends Module {
     this._defaults.isHidden     = false;
 
     let str            = 'mojs-player';
-    this.revision      = '0.40.0';
+    this.revision      = '0.40.1';
     this._prefix       = `${str}-${ this._hashCode( str ) }-`;
     this._localStorage = `${ this._prefix }model`;
   }
diff --git a/lib/mojs-player.js b/lib/mojs-player.js
@@ -1,7 +1,7 @@
 /*! 
 	:: MojsPlayer :: Player controls for [mojs](mojs.io). Intended to help you to craft `mojs` animation sequences.
 	Oleg Solomka @LegoMushroom 2016 MIT
-	0.40.0 
+	0.40.1 
 */
 
 'use strict';
@@ -95,7 +95,7 @@ var MojsPlayer = function (_Module) {
     this._defaults.isHidden = false;
 
     var str = 'mojs-player';
-    this.revision = '0.40.0';
+    this.revision = '0.40.1';
     this._prefix = str + '-' + this._hashCode(str) + '-';
     this._localStorage = this._prefix + 'model';
   };
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mojs-player",
   "description": "Player controls for mojs playback",
-  "version": "0.40.0",
+  "version": "0.40.1",
   "license": "MIT",
   "private": false,
   "scripts": { },
diff --git a/webpack.config.js b/webpack.config.js
@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  watch: true,
+  watch:   true,
   context: __dirname + "/",
   entry: [
     __dirname + '/js/mojs-player.babel.js'

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "mojs-player",`
`3`		`- "version": "0.40.0",`
	`3`	`+ "version": "0.40.1",`
`4`	`4`	"description": "Player controls for [mojs](mojs.io). Intended to help you to craft `mojs` animation sequences.",
`5`	`5`	`"main": "build/mojs-player.min.js",`
`6`	`6`	`"authors": [`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-{"mojs-player":"_mojs-player_1uepo_4","mojs-player__left":"_mojs-player__left_1uepo_1","mojs-player__mid":"_mojs-player__mid_1uepo_1","mojs-player__right":"_mojs-player__right_1uepo_1","mojs-player__hide-button":"_mojs-player__hide-button_1uepo_1","is-hidden":"_is-hidden_1uepo_40","is-transition":"_is-transition_1uepo_43"}`
	`1`	`+{"mojs-player":"_mojs-player_tes6w_4","mojs-player__left":"_mojs-player__left_tes6w_1","mojs-player__mid":"_mojs-player__mid_tes6w_1","mojs-player__right":"_mojs-player__right_tes6w_1","mojs-player__hide-button":"_mojs-player__hide-button_tes6w_1","is-hidden":"_is-hidden_tes6w_41","is-transition":"_is-transition_tes6w_44"}`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ class MojsPlayer extends Module {`
`34`	`34`	`this._defaults.isHidden = false;`
`35`	`35`
`36`	`36`	`let str = 'mojs-player';`
`37`		`- this.revision = '0.40.0';`
	`37`	`+ this.revision = '0.40.1';`
`38`	`38`	this._prefix = `${str}-${ this._hashCode( str ) }-`;
`39`	`39`	this._localStorage = `${ this._prefix }model`;
`40`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "mojs-player",`
`3`	`3`	`"description": "Player controls for mojs playback",`
`4`		`- "version": "0.40.0",`
	`4`	`+ "version": "0.40.1",`
`5`	`5`	`"license": "MIT",`
`6`	`6`	`"private": false,`
`7`	`7`	`"scripts": { },`