From a49c01c663988786b0ca7fd7697eda7ccbba2094 Mon Sep 17 00:00:00 2001
From: Semenov <semenov@skeeks.com>
Date: Tue, 28 May 2024 11:20:18 +0300
Subject: [PATCH] dev

---
 src/admin/assets/src/css/admin.css         | 17 +++++++++++++++++
 src/admin/assets/src/js/classes/Blocker.js | 16 ++++++++--------
 src/assets/src/css/unify-custom.css        | 12 ++++++++++--
 3 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/src/admin/assets/src/css/admin.css b/src/admin/assets/src/css/admin.css
index 484959f..82e6264 100644
--- a/src/admin/assets/src/css/admin.css
+++ b/src/admin/assets/src/css/admin.css
@@ -932,3 +932,20 @@ pre {
 }
 
 
+
+@keyframes loading {
+    0% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0 50%;
+    }
+}
+.blockOverlay {
+    background: linear-gradient(100deg, #dfdfdf78 30%, #f6f7f870 50%, #eceff182 70%);
+    /*color: transparent;*/
+    background-color: transparent !important;
+    background-size: 400%;
+    animation: loading 1.2s ease-in-out infinite;
+    opacity: 1 !important;
+}
\ No newline at end of file
diff --git a/src/admin/assets/src/js/classes/Blocker.js b/src/admin/assets/src/js/classes/Blocker.js
index 40e2f97..fdc5fdc 100644
--- a/src/admin/assets/src/js/classes/Blocker.js
+++ b/src/admin/assets/src/js/classes/Blocker.js
@@ -22,22 +22,22 @@
             {
                 //this.imageLoader = sx.App.get('BlockerImageLoader');
             }
-
             this.defaultOpts({
-                message: "<div style=''><img src='" + this.imageLoader + "' /></div>",
+                /*message: "<div style=''><img src='" + this.imageLoader + "' /></div>",*/
+                message: "<div style=''></div>",
                 overlayCSS: {
-                    backgroundColor: '#000',
-                    opacity:         0.3,
+                    /*background: 'linear-gradient(100deg, #eceff180 30%, #f6f7f870 50%, #eceff182 70%)',*/
+                    opacity:         1,
                     cursor:          'wait'
                 },
                 css: {
                     border: 'none',
-                    padding: '15px',
+                    /*padding: '15px',*/
                     backgroundColor: 'none;',
-                    '-webkit-border-radiloaderus': '10px',
-                    '-moz-border-radius': '10px',
+                    /*'-webkit-border-radiloaderus': '10px',
+                    '-moz-border-radius': '10px',*/
                     opacity: .5,
-                    color: '#fff'
+                    /*color: '#fff'*/
                 }
             });
 
diff --git a/src/assets/src/css/unify-custom.css b/src/assets/src/css/unify-custom.css
index 6fe2c43..ce8e109 100644
--- a/src/assets/src/css/unify-custom.css
+++ b/src/assets/src/css/unify-custom.css
@@ -646,18 +646,26 @@ body {
     }
 }
 
-.lazy.loading {
+.lazy.loading, .sx-loading {
     color: transparent;
     background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);;
     background-size: 400%;
     animation: loading 1.2s ease-in-out infinite;
 }
-.lazy.loading.transparent {
+.lazy.loading.transparent, .sx-loading-transparent {
     background: linear-gradient(100deg, #eceff124 30%, #f6f7f826 50%, #eceff11c 70%);
     color: transparent;
     background-size: 400%;
     animation: loading 1.2s ease-in-out infinite;
 }
+.blockOverlay {
+    background: linear-gradient(100deg, #dfdfdf78 30%, #f6f7f870 50%, #eceff182 70%);
+    /*color: transparent;*/
+    background-color: transparent !important;
+    background-size: 400%;
+    animation: loading 1.2s ease-in-out infinite;
+    opacity: 1 !important;
+}