diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index 9a5bd7af27..58a8cc6653 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -10361,6 +10361,19 @@ button div.fail { -webkit-mask: url(../../images/fail@svg.svg) no-repeat center / contain; } +button div.cog.rotation { + animation: rotation 4s infinite linear; +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(359deg); + } +} .ui-dialog-buttonset { width: 100%; display: flex; diff --git a/pandora_console/index.php b/pandora_console/index.php index 5bf027ec61..4e69b273bc 100755 --- a/pandora_console/index.php +++ b/pandora_console/index.php @@ -1670,4 +1670,11 @@ require 'include/php_to_js_values.php'; } ); }); + + // Cog animations. + $(document).ready(function() { + $(".submitButton").click(function(){ + $("#"+this.id+" > .subIcon.cog").addClass("rotation"); + }); + });