From ae93dc432ced052c5e88ec486bbe47363b84e5ee Mon Sep 17 00:00:00 2001
From: TheDiaval <thediavall@gmail.com>
Date: Tue, 30 Jul 2019 16:14:19 +0300
Subject: [PATCH] feat(theme-shared): change modal style and logic

---
 .../theme-shared/src/lib/components/modal/modal.component.ts   | 2 ++
 npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts  | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
index 9b832c4c71..1e53e7dce1 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
@@ -116,6 +116,8 @@ export class ModalComponent implements OnDestroy {
         this.close();
       });
 
+    if (!this.abpClose) return;
+
     fromEvent(this.abpClose.nativeElement, 'click')
       .pipe(
         takeUntil(this.destroy$),
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts b/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
index a798bccd76..de983d5c8c 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
@@ -24,6 +24,9 @@ export default `
   top: 18px;
 }
 
+.modal {
+ background-color: rgba(0, 0, 0, .6);
+}
 
 /* <animations */