vue-modals - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

dist/vue-modal.js

@@ -735,3 +735,3 @@ /******/ (function(modules) { // webpackBootstrap
 	// module
-	exports.push([module.id, "\r\n    .vue-modal-mask {\r\n        position: fixed;\r\n        z-index: 10000;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, .7);\r\n        -webkit-transition: opacity .3s ease;\r\n        transition: opacity .3s ease;\r\n        overflow-y: scroll;\r\n    }\r\n    .vue-modal-mask > .vue-modal-wrapper {\r\n        display:table;\r\n        margin: 0 auto;\r\n        height: 100%;\r\n        max-width: 600px;\r\n        -webkit-transition: margin-top .4s ease;\r\n        transition: margin-top .4s ease;\r\n        overflow: hidden;\r\n    }\r\n    .vue-modal-mask > .vue-modal-wrapper > .vue-modal-container {\r\n        display:table-cell;\r\n        vertical-align:middle;\r\n    }\r\n    .vue-modal-mask > .vue-modal-close {\r\n        position: fixed;\r\n        right: 30px;\r\n        top: 10px;\r\n        color: #fff;\r\n        font-weight: bold;\r\n        font-size: 16px;\r\n        font-family: verdana;\r\n        cursor: pointer;\r\n        z-index: 10001;\r\n    }\r\n\r\n    /* transitions */\r\n    .slide-down-enter.vue-modal-mask,\r\n    .slide-down-leave.vue-modal-mask {\r\n        opacity: 0;\r\n    }\r\n    .slide-down-enter .vue-modal-wrapper,\r\n    .slide-down-leave .vue-modal-wrapper {\r\n        margin-top: -500px;\r\n    }\r\n\r\n    /*.center-pop-enter.vue-modal-mask,\r\n    .center-pop-leave.vue-modal-mask {\r\n        opacity: 0;\r\n    }\r\n    .center-pop-enter .vue-modal-wrapper,\r\n    .center-pop-leave .vue-modal-wrapper {\r\n        max-width: 0px;\r\n    }*/\r\n", ""]);
+	exports.push([module.id, "\r\n    .vue-modal-mask {\r\n        position: fixed;\r\n        z-index: 10000;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, .7);\r\n        -webkit-transition: opacity .3s ease;\r\n        transition: opacity .3s ease;\r\n        overflow-y: scroll;\r\n    }\r\n    .vue-modal-mask > .vue-modal-wrapper {\r\n        display:table;\r\n        margin: 0 auto;\r\n        height: 100%;\r\n        max-width: 800px;\r\n        -webkit-transition: margin-top .4s ease;\r\n        transition: margin-top .4s ease;\r\n        overflow: hidden;\r\n    }\r\n    .vue-modal-mask > .vue-modal-wrapper > .vue-modal-container {\r\n        display:table-cell;\r\n        vertical-align:middle;\r\n    }\r\n    .vue-modal-mask > .vue-modal-close {\r\n        position: fixed;\r\n        right: 30px;\r\n        top: 10px;\r\n        color: #fff;\r\n        font-weight: bold;\r\n        font-size: 16px;\r\n        font-family: verdana;\r\n        cursor: pointer;\r\n        z-index: 10001;\r\n    }\r\n\r\n    /* transitions */\r\n    .slide-down-enter.vue-modal-mask,\r\n    .slide-down-leave.vue-modal-mask {\r\n        opacity: 0;\r\n    }\r\n    .slide-down-enter .vue-modal-wrapper,\r\n    .slide-down-leave .vue-modal-wrapper {\r\n        margin-top: -500px;\r\n    }\r\n\r\n    /*.center-pop-enter.vue-modal-mask,\r\n    .center-pop-leave.vue-modal-mask {\r\n        opacity: 0;\r\n    }\r\n    .center-pop-enter .vue-modal-wrapper,\r\n    .center-pop-leave .vue-modal-wrapper {\r\n        max-width: 0px;\r\n    }*/\r\n", ""]);
 
@@ -1063,4 +1063,6 @@ // exports
 	//         <div class="vue-modal-wrapper">
-	//             <div class="vue-modal-container" v-on:click.stop="nothing()">
-	//                 <slot name="content"></slot>
+	//             <div class="vue-modal-container">
+	//                 <div v-on:click.stop="nothing()">
+	//                     <slot name="content"></slot>
+	//                 </div>
 	//             </div>
@@ -1126,3 +1128,3 @@ //         </div>
 	//         height: 100%;
-	//         max-width: 600px;
+	//         max-width: 800px;
 	//         transition: margin-top .4s ease;
@@ -1171,3 +1173,3 @@ //         overflow: hidden;
 
-	module.exports = "\r\n    <div v-show=\"show\" class=\"vue-modal-mask\" v-on:click.stop=\"hide()\" :transition=\"transition\">\r\n        <div class=\"vue-modal-close\">x</div>\r\n\r\n        <div class=\"vue-modal-wrapper\">\r\n            <div class=\"vue-modal-container\" v-on:click.stop=\"nothing()\">\r\n                <slot name=\"content\"></slot>\r\n            </div>\r\n        </div>\r\n    </div>\r\n";
+	module.exports = "\r\n    <div v-show=\"show\" class=\"vue-modal-mask\" v-on:click.stop=\"hide()\" :transition=\"transition\">\r\n        <div class=\"vue-modal-close\">x</div>\r\n\r\n        <div class=\"vue-modal-wrapper\">\r\n            <div class=\"vue-modal-container\">\r\n                <div v-on:click.stop=\"nothing()\">\r\n                    <slot name=\"content\"></slot>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n";
 
@@ -1174,0 +1176,0 @@ /***/ },

package.json

@@ -32,3 +32,3 @@ {
   },
-  "version": "0.4.1"
+  "version": "0.4.2"
 }

src/Modal.js

@@ -125,5 +125,5 @@ module.exports = (function() {
 
-    Vue.use(install);
+    // Vue.use(install);
 
     return install;
 })();

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

58928

increased by0.28%

Lines of code

1315

increased by0.15%

No dependency changes