KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed all the opencollective stuff that was breaking building process for SPARKL

Browse Source
This commit is contained in:
euvl
2017-10-02 16:33:26 +01:00
parent 8ad49c7f65
commit c0781b6156
2 changed files with 7 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
README.md
View File

@@ -1,11 +1,9 @@
<p align="center"> <p align="center">
# Vue.js modal # Vue.js modal
[![npm version](https://badge.fury.io/js/vue-js-modal.svg)](https://badge.fury.io/js/vue-js-modal) [![npm version](https://badge.fury.io/js/vue-js-modal.svg)](https://badge.fury.io/js/vue-js-modal)
[![npm](https://img.shields.io/npm/dm/vue-js-modal.svg)](https://www.npmjs.com/package/vue-js-modal) [![npm](https://img.shields.io/npm/dm/vue-js-modal.svg)](https://www.npmjs.com/package/vue-js-modal)
[![Backers on Open Collective](https://opencollective.com/vue-js-modal/backers/badge.svg)](#backers)
[![Sponsors on Open Collective](https://opencollective.com/vue-js-modal/sponsors/badge.svg)](#sponsors)
##### Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with SSR support. http://vue-js-modal.yev.io/ ##### Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with SSR support. http://vue-js-modal.yev.io/
@@ -36,13 +34,13 @@ Vue.use(VModal)
/* /*
By default plugin will use "modal" name for the component. By default plugin will use "modal" name for the component.
If you need to change it, you can do so by providing "componentName" param. If you need to change it, you can do so by providing "componentName" param.
Example: Example:
Vue.use(VModal, { componentName: "foo-modal" }) Vue.use(VModal, { componentName: "foo-modal" })
... ...
<foo-modal name="bar"></foo-modal> <foo-modal name="bar"></foo-modal>
*/ */
``` ```
@@ -219,13 +217,13 @@ And then forbits closing it for the next 5000 ms
#### Height: "auto" #### Height: "auto"
From `v1.2.6` height can be set to "auto". If you want to be able to scroll modal in case it's height exceeds window height - you can set flag `scrollable="true"`. From `v1.2.6` height can be set to "auto". If you want to be able to scroll modal in case it's height exceeds window height - you can set flag `scrollable="true"`.
p.s. `scrollable` will only work with `height="auto"`. p.s. `scrollable` will only work with `height="auto"`.
p.s.s. height `auto` is **NOT** responsible for correct positioning of the modal. You will have to use `pivot-y` to position it correctly. p.s.s. height `auto` is **NOT** responsible for correct positioning of the modal. You will have to use `pivot-y` to position it correctly.
Example: Example:
```vue ```vue
<modal name="foo" height="auto" :scrollable="true">...</modal> <modal name="foo" height="auto" :scrollable="true">...</modal>
@@ -285,7 +283,7 @@ Example:
If you want to change overflow background color, you can easily do it using css. If you want to change overflow background color, you can easily do it using css.
For all modals: For all modals:
```css ```css
.v--modal-overlay { .v--modal-overlay {
@@ -332,33 +330,3 @@ cd demo/client_side_rendering
npm install npm install
npm run dev npm run dev
``` ```
## Contributors
This project exists thanks to all the people who contribute.
<a href="graphs/contributors"><img src="https://opencollective.com/vue-js-modal/contributors.svg?width=890" /></a>
## Backers
Thank you to all our backers! [[Become a backer](https://opencollective.com/vue-js-modal#backer)]
<a href="https://opencollective.com/vue-js-modal#backers" target="_blank"><img src="https://opencollective.com/vue-js-modal/backers.svg?width=890"></a>
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/vue-js-modal#sponsor)]
<a href="https://opencollective.com/vue-js-modal/sponsor/0/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/1/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/2/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/3/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/4/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/5/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/6/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/7/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/8/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/vue-js-modal/sponsor/9/website" target="_blank"><img src="https://opencollective.com/vue-js-modal/sponsor/9/avatar.svg"></a>

10
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "vue-js-modal", "name": "vue-js-modal",
"description": "Modal Component for Vue.js", "description": "Modal Component for Vue.js",
"version": "1.3.0", "version": "1.3.1",
"author": "euvl <yev.vlasenko@gmail.com>", "author": "euvl <yev.vlasenko@gmail.com>",
"main": "dist/index.js", "main": "dist/index.js",
"repository": { "repository": {
@@ -70,13 +70,5 @@
}, },
"peerDependencies": { "peerDependencies": {
"vue": "^2.2.6" "vue": "^2.2.6"
},
"dependencies": {
"opencollective": "^1.0.3"
},
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/vue-js-modal",
"logo": "https://opencollective.com/opencollective/logo.txt"
} }
} }