From e55e881d021b028ca5d304e16d666f89f11d9233 Mon Sep 17 00:00:00 2001 From: Mykyta Synelnikov Date: Mon, 10 Jul 2023 12:04:53 +0300 Subject: [PATCH] - small changes; --- .../admin/assets/css/um-admin-builder.css | 74 ++++++++++++++++++- includes/admin/assets/js/um-admin-ajax.js | 10 +-- includes/admin/assets/js/um-admin-builder.js | 2 +- 3 files changed, 78 insertions(+), 8 deletions(-) diff --git a/includes/admin/assets/css/um-admin-builder.css b/includes/admin/assets/css/um-admin-builder.css index 832b6def..f6b7210c 100644 --- a/includes/admin/assets/css/um-admin-builder.css +++ b/includes/admin/assets/css/um-admin-builder.css @@ -1,3 +1,35 @@ +@-webkit-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-moz-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-ms-keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes um-ajax-spinning { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + /* - General */ @@ -278,10 +310,48 @@ position: relative; } +.um-admin-row-loading { + position: absolute; + width: 100%; + height: calc( 100% + 30px ); + top: -30px; + left: 0; + background: #ccc; + opacity: 0.23; +} +.um-admin-row-loading span{ + display: block; + -webkit-transition: 0.1s opacity; + -moz-transition: 0.1s opacity; + -ms-transition: 0.1s opacity; + -o-transition: 0.1s opacity; + transition: 0.1s opacity; + color: #c6c6c6 !important; + -webkit-animation: um-ajax-spinning 1.1s infinite linear; + animation: um-ajax-spinning 1.1s infinite linear; + border-top: 0.2em solid rgba(0, 0, 0, 1); + border-right: 0.2em solid rgba(0, 0, 0, 1); + border-bottom: 0.2em solid rgba(0, 0, 0, 1); + border-left: 0.2em solid #c6c6c6; + font-size: 1.75em; + filter: alpha(opacity=0); + -ms-transform: translateZ(0); + transform: translateZ(0); + border-radius: 50%; + width: 40px; + height: 40px; + margin: -20px 0 0 -20px; + outline: 0; + padding: 0; + vertical-align: baseline; + position: absolute; + left: 50%; + top: 50%; +} + /* - UI Placeholders */ - .um-row-placeholder { width: 100%; border: 2px dashed #aaa; @@ -315,4 +385,4 @@ #UM_preview_form .um-admin-modal-body { position: relative; -} \ No newline at end of file +} diff --git a/includes/admin/assets/js/um-admin-ajax.js b/includes/admin/assets/js/um-admin-ajax.js index ebca1cb3..fb4afb99 100644 --- a/includes/admin/assets/js/um-admin-ajax.js +++ b/includes/admin/assets/js/um-admin-ajax.js @@ -9,6 +9,10 @@ jQuery(document).ready(function() { return false; } + var act_id = jQuery(this).data('silent_action'); + var arg1 = jQuery(this).data('arg1'); + var arg2 = jQuery(this).data('arg2'); + var in_row = ''; var in_sub_row = ''; var in_column = ''; @@ -22,10 +26,6 @@ jQuery(document).ready(function() { in_group = demon_settings.data('in_group'); } - var act_id = jQuery(this).data('silent_action'); - var arg1 = jQuery(this).data('arg1'); - var arg2 = jQuery(this).data('arg2'); - jQuery('.tipsy').hide(); um_admin_remove_modal(); @@ -55,4 +55,4 @@ jQuery(document).ready(function() { return false; }); -}); \ No newline at end of file +}); diff --git a/includes/admin/assets/js/um-admin-builder.js b/includes/admin/assets/js/um-admin-builder.js index 9c797323..d59d22f3 100644 --- a/includes/admin/assets/js/um-admin-builder.js +++ b/includes/admin/assets/js/um-admin-builder.js @@ -42,4 +42,4 @@ jQuery( document ).ready( function() { if ( um_admin_builder_data.hide_footer ) { jQuery('#wpfooter').hide(); } -}); \ No newline at end of file +});