davodaslanifakor/modaltor

modal component for vuejs

• 👋 Hi, I’m Davoud Aslani
• 👀 I’m interested in FrontEnd/Vue/React
• 🌱 I’m currently Vue
• 💞️ I’m looking to collaborate on ...

modaltor's Issues

Ability to prevent close by clicking on overlay

I still wanted to keep the close by X though, so I removed the $emit('hide') from the click on overlay.

I think it would work better as an option (perhaps even an option to hide the X button as well) to prevent it.

Panel background blurred effect?

Great component, thanks.

I was wondering if you can set the background overlay to a "transparent blur effect". Because I'm currently using it with the overlay set to a transparent color(rgba(255, 255, 255, 0.8) to be exact.), and it would be awesome if I can set some sort of blur to the overlay.

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

Above is what you would normally use if you want a blurred background. I don't know how to incorporate this into the component, thanks again.

Use CDN

It is not working on CDN. Can you please make small example.

<script src="/vue-modaltor/dist/vue-modaltor.js"></script>
Vue.use(VueModalTor);

and it still not working.
Thank you

can you make this dimmed out?

I'm looking for this effect
https://bootstrap-vue.js.org/docs/components/modal/

This dependency was not found: * vue-modaltor in ./src/main.js

After npm install --save vue-modaltor
the following folder doesn't exist but you still use it in package.json

How to change css styles of modal window?

How can I change css styles of modal window?

Let's say I want to change height of modal.
How can I do that?

Components

Sorry to ask a basic question but can it support components and not just text and images?

Global config for all modals in the app

It will be nice to do a global config for app. Now I need to configure each modal, but, in example, what if I need to do dark background on every modal?