mirror of
https://github.com/gchq/CyberChef
synced 2024-11-15 17:07:57 +00:00
Fixed mildly infuriating bug where the preloader rings overlap
This commit is contained in:
parent
62ec018bb2
commit
df1405e998
2 changed files with 9 additions and 5 deletions
|
@ -73,7 +73,7 @@ App.prototype.loaded = function() {
|
|||
}, 1000);
|
||||
|
||||
// Clear the loading message interval
|
||||
clearInterval(window.loadingMsgInt);
|
||||
clearInterval(window.loadingMsgsInt);
|
||||
};
|
||||
|
||||
|
||||
|
|
|
@ -37,20 +37,24 @@
|
|||
#preloader:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#preloader:before {
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-top-color: #e74c3c;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
#preloader:after {
|
||||
top: 13px;
|
||||
left: 13px;
|
||||
right: 13px;
|
||||
bottom: 13px;
|
||||
border-top-color: #f9c922;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue