mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-27 18:26: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

36
src/web/stylesheets/layout/_io.css
View file

@ -22,8 +22,6 @@
background-color: transparent;
white-space: pre-wrap;
word-wrap: break-word;
transition: all 0.5s ease;
}
#output-html {
@ -65,6 +63,20 @@
border: none;
}
#output-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background-color: var(--primary-background-colour);
visibility: hidden;
opacity: 0;
transition: all 0.5s ease;
}
.io-btn-group {
float: right;
margin-top: -4px;
@ -89,23 +101,3 @@
.dropping-file {
border: 5px dashed var(--drop-file-border-colour) !important;
}
@keyframes spinner {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.loading-icon::before {
content: "\21bb";
}
.loading-icon {
animation-name: spinner;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}