diff --git a/app/imports/client/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue b/app/imports/client/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue index a5d73807..a2f03794 100644 --- a/app/imports/client/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue +++ b/app/imports/client/ui/creature/creatureProperties/AddCreaturePropertyDialog.vue @@ -155,7 +155,7 @@ text @click="$store.dispatch('popDialogStack')" > - Cancel + {{ tab === 1 ? "Discard" : "Cancel" }} { + this.shake = true; + }); }, getDialogStyle(index){ const length = this.$store.state.dialogStack.dialogs.length; @@ -240,12 +259,23 @@ z-index: 7; flex: initial; } + + .dialog-sizer.shake { + animation: shake 0.2s; + } + + @keyframes shake { + 0% { transform: scale(1); } + 50% { transform: scale(1.02); } + 100% { transform: scale(1); } + } + /* sm */ @media only screen and (max-width: 960px) and (min-width: 601px){ .dialog-sizer { width: calc(100% - 32px); height: calc(100% - 32px); - } + } } /* xs */ @media only screen and (max-width: 600px) { diff --git a/app/imports/client/ui/library/LibraryNodeDialog.vue b/app/imports/client/ui/library/LibraryNodeDialog.vue index 9d29805d..ee47e4fa 100644 --- a/app/imports/client/ui/library/LibraryNodeDialog.vue +++ b/app/imports/client/ui/library/LibraryNodeDialog.vue @@ -306,6 +306,7 @@ export default { creatureId: this.creatureId, hideLibraryTab: true, suggestedType, + noBackdropClose: true, }, callback(result){ if (!result) return;