Commit fa4f661d authored by Thomas Löffler's avatar Thomas Löffler
Browse files

Use heartbeat instead rotation for typo3 logo

parent 57b573ed
const spinner = {};
const loading = {};
const loadingDiv = $('#loadingDiv');
spinner.show = function () {
loading.show = function () {
loadingDiv.show();
}
spinner.hide = function () {
loading.hide = function () {
loadingDiv.hide();
}
module.exports = spinner;
module.exports = loading;
const gravatar = require('gravatar');
const spinner = require('../Helper/Spinner');
const _loading = require('../Helper/Loading');
const NotifyMessage = require('./NotifyMessage');
const FlyOutAjaxLogin = function (props) {
FlyOutAjaxLogin.settings = props;
......@@ -89,9 +89,9 @@ FlyOutAjaxLogin.prototype.initLoginLogoutTemplate = function () {
const loginObject = new FlyOutAjaxLogin();
$(document).ajaxStart(
function () {
spinner.show();
_loading.show();
}).ajaxStop(function () {
spinner.hide();
_loading.hide();
});
const email = $('#gravatar-image').data('email');
......
......@@ -18,17 +18,29 @@
img {
width: 4em;
height: 4em;
animation: rotation 2s infinite linear;
animation: beatHeart 0.8s infinite;
}
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
@keyframes beatHeart {
0% {
transform: scale(1);
}
to {
transform: rotate(359deg);
25% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
......@@ -94,4 +94,4 @@
@import "components/featuresHeader";
@import "components/jumbotron";
@import "components/membership-popup";
@import "components/spinner";
@import "components/loading";
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment