From e3babde7e89b5803bdb2c3e6c014cde5f90721dd Mon Sep 17 00:00:00 2001 From: Philipp Kunz Date: Wed, 13 Sep 2023 19:15:53 +0200 Subject: [PATCH] fix(core): update --- ts_web/00_commitinfo_data.ts | 2 +- ts_web/elements/dees-modal.ts | 11 ++++++++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index c104fe2..ea3d1a9 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '1.0.196', + version: '1.0.197', description: 'website for lossless.com' } diff --git a/ts_web/elements/dees-modal.ts b/ts_web/elements/dees-modal.ts index af8e2ec..98cceac 100644 --- a/ts_web/elements/dees-modal.ts +++ b/ts_web/elements/dees-modal.ts @@ -86,7 +86,7 @@ export class DeesModal extends DeesElement { } .modal { will-change: transform; - transform: translateY(10px); + transform: translateY(0px) scale(0.95); opacity: 0; width: 480px; min-height: 120px; @@ -100,7 +100,12 @@ export class DeesModal extends DeesElement { .modal.show { opacity: 1; - transform: translateY(0px); + transform: translateY(0px) scale(1); + } + + .modal.show.predestroy { + opacity: 0; + transform: translateY(10px) scale(1); } .modal .heading { @@ -183,7 +188,7 @@ export class DeesModal extends DeesElement { public async destroy() { const domtools = await this.domtoolsPromise; const modal = this.shadowRoot.querySelector('.modal'); - modal.classList.remove('show'); + modal.classList.add('predestroy'); await domtools.convenience.smartdelay.delayFor(200); document.body.removeChild(this); await this.windowLayer.destroy();