mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-29 02:59:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added loader for long bakes and improved initial loading sequence

Browse source
This commit is contained in:
n1474335 2017-07-28 14:43:44 +01:00
parent cc3aad17e1
commit 78d0369e71
6 changed files with 49 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/web/stylesheets/preloader.css
View file

@ -16,7 +16,7 @@
background-color: var(--secondary-border-colour);
}
#preloader {
.loader {
display: block;
position: relative;
left: 50%;
@ -28,20 +28,19 @@
border: 3px solid transparent;
border-top-color: #3498db;
border-radius: 50%;
z-index: 1500;
animation: spin 2s linear infinite;
}
#preloader:before,
#preloader:after {
.loader:before,
.loader:after {
content: "";
position: absolute;
border: 3px solid transparent;
border-radius: 50%;
}
#preloader:before {
.loader:before {
top: 5px;
left: 5px;
right: 5px;
@ -50,7 +49,7 @@
animation: spin 3s linear infinite;
}
#preloader:after {
.loader:after {
top: 13px;
left: 13px;
right: 13px;
@ -77,7 +76,6 @@
/* Loaded */
.loaded #preloader,
.loaded #preloader-msg {
opacity: 0;
transition: all 0.3s ease-out;