search

yariksav / vuetify-dialog

Easy dialogs in Vuetify.js framework
MIT License
195 stars 48 forks source link

notify creates new column instead of overlay #132

Closed laurent-brisbois closed 3 years ago

laurent-brisbois commented 3 years ago

Hello everyone !

When using $dialog.notify like so :

this.$dialog.notify.success(`Application '${application.verbose_name}' correctly uninstalled`, {
  position: 'top-right',
  timeout: 5000
})

It does this :

image

An new "column" is generated instead of putting the alert on overlay.

What could be the source of this error ?

with the message version:

this.$dialog.message.success(`Application '${application.verbose_name}' correctly uninstalled`, {
  position: 'top-right',
  timeout: 5000
})

I don't have the problem...

laurent-brisbois commented 3 years ago

I have figured out that the CSS isn't applied for .vuedl-notification.. Is there a reason ?

I had to take style that is here : https://github.com/yariksav/vuedl/blob/master/src/components/NotificationLayout.vue and put it in a local .css file and import it to make it work.

yariksav commented 3 years ago

you have to import css manually

import 'vuetify-dialog/dist/vuetify-dialog.css'
laurent-brisbois commented 3 years ago

Ah yeah indeed I forgot about that ! Thanks for the reminder 👍 .