From 257f545e9b0cb7cb3f2c05b9f7eda26cda7f5a2a Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Tue, 17 Mar 2020 11:35:34 +0300
Subject: [PATCH] Use background-color instead to animate modals

---
 public/themes/nova-light/theme.css | 3 +--
 src/components/blockui/BlockUI.vue | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index d5da3665f..de2822914 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -3133,8 +3133,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close
 }
 
 body .p-component-overlay {
-  background-color: #000000;
-  opacity: 0.4;
+  background-color: rgba(0, 0, 0, 0.4);
 }
 body .p-overlaypanel {
   background-color: #ffffff;
diff --git a/src/components/blockui/BlockUI.vue b/src/components/blockui/BlockUI.vue
index 24f4f0517..265284c2f 100644
--- a/src/components/blockui/BlockUI.vue
+++ b/src/components/blockui/BlockUI.vue
@@ -100,8 +100,8 @@ export default {
     left: 0;
     width: 100%;
     height: 100%;
-    opacity: 0;
-    transition-property: opacity;
+    background-color: transparent;
+    transition-property: background-color;
 }
 
 .p-blockui.p-component-overlay {
@@ -113,6 +113,6 @@ export default {
 }
 
 .p-blockui-leave.p-component-overlay {
-    opacity: 0 !important;
+    background-color: transparent;
 }
 </style>