diff --git a/dist/filepond-plugin-media-preview.css b/dist/filepond-plugin-media-preview.css index 3a471cd..8b5f8b6 100644 --- a/dist/filepond-plugin-media-preview.css +++ b/dist/filepond-plugin-media-preview.css @@ -1,5 +1,5 @@ /*! - * FilePondPluginmediaPreview 1.0.0 + * FilePondPluginmediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ @@ -66,6 +66,7 @@ border-radius: 0.45em; overflow: hidden; background: rgba(0, 0, 0, 0.01); + pointer-events: auto; } .filepond--media-preview-wrapper:before { content: ' '; diff --git a/dist/filepond-plugin-media-preview.esm.js b/dist/filepond-plugin-media-preview.esm.js index f63c04a..dd21528 100644 --- a/dist/filepond-plugin-media-preview.esm.js +++ b/dist/filepond-plugin-media-preview.esm.js @@ -1,5 +1,5 @@ /*! - * FilePondPluginMediaPreview 1.0.0 + * FilePondPluginMediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ diff --git a/dist/filepond-plugin-media-preview.esm.min.js b/dist/filepond-plugin-media-preview.esm.min.js index 56c1e0d..d1c6d78 100644 --- a/dist/filepond-plugin-media-preview.esm.min.js +++ b/dist/filepond-plugin-media-preview.esm.min.js @@ -1,5 +1,5 @@ /*! - * FilePondPluginMediaPreview 1.0.0 + * FilePondPluginMediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ diff --git a/dist/filepond-plugin-media-preview.js b/dist/filepond-plugin-media-preview.js index 939b722..41ba69d 100644 --- a/dist/filepond-plugin-media-preview.js +++ b/dist/filepond-plugin-media-preview.js @@ -1,5 +1,5 @@ /*! - * FilePondPluginMediaPreview 1.0.0 + * FilePondPluginMediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ diff --git a/dist/filepond-plugin-media-preview.min.css b/dist/filepond-plugin-media-preview.min.css index 590728e..cd81b33 100644 --- a/dist/filepond-plugin-media-preview.min.css +++ b/dist/filepond-plugin-media-preview.min.css @@ -1,8 +1,8 @@ /*! - * FilePondPluginmediaPreview 1.0.0 + * FilePondPluginmediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ /* eslint-disable */ -.filepond--media-preview audio{display:none}.filepond--media-preview .audioplayer{width:calc(100% - 1.4em);margin:2.3em auto auto}.filepond--media-preview .playpausebtn{margin-top:.3em;margin-right:.3em;height:25px;width:25px;border-radius:25px;border:none;background-repeat:no-repeat;background-position:50%;float:left;outline:none;cursor:pointer}.filepond--media-preview .playpausebtn:hover{background-color:rgba(0,0,0,.5)}.filepond--media-preview .play{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=")}.filepond--media-preview .pause{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC")}.filepond--media-preview .timeline{width:calc(100% - 2.5em);height:3px;margin-top:1em;float:left;border-radius:15px;background:hsla(0,0%,100%,.3)}.filepond--media-preview .playhead{width:13px;height:13px;border-radius:50%;margin-top:-5px;background:#fff}.filepond--media-preview-wrapper{position:absolute;left:0;top:0;right:0;height:100%;margin:0;border-radius:.45em;overflow:hidden;background:rgba(0,0,0,.01)}.filepond--media-preview-wrapper:before{content:" ";position:absolute;width:100%;height:2em;background:linear-gradient(180deg,#000 0,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00000000",GradientType=0);z-index:3}.filepond--media-preview{position:relative;z-index:1;display:block;width:100%;height:100%;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform,opacity}.filepond--media-preview audio,.filepond--media-preview video{width:100%;will-change:transform} \ No newline at end of file +.filepond--media-preview audio{display:none}.filepond--media-preview .audioplayer{width:calc(100% - 1.4em);margin:2.3em auto auto}.filepond--media-preview .playpausebtn{margin-top:.3em;margin-right:.3em;height:25px;width:25px;border-radius:25px;border:none;background-repeat:no-repeat;background-position:50%;float:left;outline:none;cursor:pointer}.filepond--media-preview .playpausebtn:hover{background-color:rgba(0,0,0,.5)}.filepond--media-preview .play{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=")}.filepond--media-preview .pause{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC")}.filepond--media-preview .timeline{width:calc(100% - 2.5em);height:3px;margin-top:1em;float:left;border-radius:15px;background:hsla(0,0%,100%,.3)}.filepond--media-preview .playhead{width:13px;height:13px;border-radius:50%;margin-top:-5px;background:#fff}.filepond--media-preview-wrapper{position:absolute;left:0;top:0;right:0;height:100%;margin:0;border-radius:.45em;overflow:hidden;background:rgba(0,0,0,.01);pointer-events:auto}.filepond--media-preview-wrapper:before{content:" ";position:absolute;width:100%;height:2em;background:linear-gradient(180deg,#000 0,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00000000",GradientType=0);z-index:3}.filepond--media-preview{position:relative;z-index:1;display:block;width:100%;height:100%;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform,opacity}.filepond--media-preview audio,.filepond--media-preview video{width:100%;will-change:transform} \ No newline at end of file diff --git a/dist/filepond-plugin-media-preview.min.js b/dist/filepond-plugin-media-preview.min.js index 784068b..8baf437 100644 --- a/dist/filepond-plugin-media-preview.min.js +++ b/dist/filepond-plugin-media-preview.min.js @@ -1,5 +1,5 @@ /*! - * FilePondPluginMediaPreview 1.0.0 + * FilePondPluginMediaPreview 1.0.2 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit undefined for details. */ diff --git a/package-lock.json b/package-lock.json index ecd291b..d1b273d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "filepond-plugin-media-preview", - "version": "1.0.1", + "version": "1.0.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 40b9fcf..dcac2ed 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "filepond-plugin-media-preview", - "version": "1.0.1", + "version": "1.0.2", "description": "Media preview Plugin for FilePond", "license": "MIT", "author": { diff --git a/src/css/media-preview-wrapper.scss b/src/css/media-preview-wrapper.scss index 23e2259..2b674cd 100644 --- a/src/css/media-preview-wrapper.scss +++ b/src/css/media-preview-wrapper.scss @@ -14,6 +14,9 @@ // this seems to prevent Chrome from redrawing this layer constantly background: rgba(0, 0, 0, 0.01); + // allow the media preview to do it's job, even if FilePond is set to disabled. + pointer-events: auto; + &:before { content:" "; position: absolute;