vueNotification icon indicating copy to clipboard operation
vueNotification copied to clipboard

Published 20 hours ago • verified publisher icon kugatsu765

How to move messages to front plan?

Open EgoBrainProgrammer opened this issue 4 years ago • 4 comments

Hello. When i open Dialog like in this example https://vuetifyjs.com/ru/components/data-tables#crud-actions all notifications appears on back plan. How to fix it?

EgoBrainProgrammer avatar Feb 08 '20 01:02 EgoBrainProgrammer

https://prnt.sc/qzxvp5

EgoBrainProgrammer avatar Feb 10 '20 01:02 EgoBrainProgrammer

Hy,

You could try to increase the z-index property. (default => z-index: 50;) in the class "notificationCenter". Or lower the modal index.

kugatsu765 avatar Feb 10 '20 08:02 kugatsu765

Hi. In App.vue <style> .notificationCenter { z-index: 999; } </style> did not help me :( What else i should try?

v-dialog with v-card inside has cover all notifications :( <v-dialog v-model="dialog" max-width="90%" style="z-index:-1;"> <template v-slot:activator="{ on }"> <v-btn color="primary" dark class="mb-2" v-on="on">Новая</v-btn> </template> <v-card :disabled="formloading"

EgoBrainProgrammer avatar Feb 11 '20 21:02 EgoBrainProgrammer

Can you reproduce the case on a codesandbox please? It will be easier for me to help you.

kugatsu765 avatar Mar 01 '20 12:03 kugatsu765