1.0.197

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.195",
+  "version": "1.0.197",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.195',
+  version: '1.0.197',
   description: 'website for lossless.com'
 }

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;
@@ -95,11 +95,17 @@ export class DeesModal extends DeesElement {
         border: 1px solid #222;
         transition: all 0.2s;
         overflow: hidden;
+        box-shadow: 0px 2px 5px #00000080;
       }
 
       .modal.show {
         opacity: 1;
-        transform: translateY(0px);
+        transform: translateY(0px) scale(1);
+      }
+
+      .modal.show.predestroy {
+        opacity: 0;
+        transform: translateY(10px) scale(1);
       }
 
       .modal .heading {
@@ -182,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();