diff --git a/package/gluon-status-page/src/css/animation.css b/package/gluon-status-page/src/css/animation.css index ac5a9562..e6edbf3c 100644 --- a/package/gluon-status-page/src/css/animation.css +++ b/package/gluon-status-page/src/css/animation.css @@ -2,84 +2,11 @@ Animation example, for spinners */ .animate-spin { - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; + animation: spin 2s linear infinite; display: inline-block; } -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-webkit-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-o-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-ms-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} @keyframes spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(360deg); } } diff --git a/package/gluon-status-page/src/css/menu.css b/package/gluon-status-page/src/css/menu.css index c865c648..b29e4a41 100644 --- a/package/gluon-status-page/src/css/menu.css +++ b/package/gluon-status-page/src/css/menu.css @@ -21,20 +21,10 @@ max-height: 80vh; transform-origin: top left; - -webkit-animation: new-menu-animation .08s ease-out forwards; - -moz-animation: new-menu-animation .08s ease-out forwards; + animation: new-menu-animation .08s ease-out forwards; } -@-webkit-keyframes new-menu-animation { - from { - transform: scaleY(0); - } - to { - transform: scaleY(1); - } -} - -@-moz-keyframes new-menu-animation { +@keyframes new-menu-animation { from { transform: scaleY(0); }