Replaced loading animation with animated Bombe SVG

This commit is contained in:
n1474335 2019-01-15 19:03:17 +00:00 committed by s2224834
parent ffc4b0a0a8
commit 02b9dbdee9
6 changed files with 349 additions and 66 deletions

View file

@ -73,6 +73,28 @@
background-color: var(--primary-background-colour);
visibility: hidden;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
}
#output-loader .loader {
width: 60%;
height: 60%;
left: unset;
top: 10%;
}
#output-loader .loading-msg {
opacity: 1;
font-family: var(--primary-font-family);
line-height: var(--primary-line-height);
color: var(--primary-font-colour);
left: unset;
top: 30%;
position: relative;
transition: all 0.5s ease;
}
@ -138,16 +160,6 @@
margin-bottom: 5px;
}
#output-loader .loading-msg {
opacity: 1;
font-family: var(--primary-font-family);
line-height: var(--primary-line-height);
color: var(--primary-font-colour);
top: 50%;
transition: all 0.5s ease;
}
#magic {
opacity: 1;
visibility: visibile;