dev

skeeks-cms · May 28, 2024 · a49c01c · a49c01c
1 parent 2d9a742
commit a49c01c
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 10 deletions.
diff --git 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;
+}
diff --git 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
@@ -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;
+}