mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-26 17:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved magic and staleness indicator animations

Browse source
This commit is contained in:
n1474335 2018-07-27 15:18:08 +00:00
parent 541e4ff8cd
commit 33b2fd8d69
7 changed files with 37 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -126,8 +126,9 @@
}
#stale-indicator {
visibility: hidden;
transition: all 0.3s;
opacity: 1;
visibility: visibile;
transition: margin 0s, opacity 0.3s;
margin-left: 5px;
cursor: help;
}
@ -148,12 +149,24 @@
}
#magic {
visibility: hidden;
transition: all 0.3s;
opacity: 1;
visibility: visibile;
transition: margin 0s 0.3s, opacity 0.3s 0.3s, visibility 0.3s 0.3s;
margin-left: 5px;
margin-bottom: 5px;
}
#magic.hidden,
#stale-indicator.hidden {
visibility: hidden;
transition: opacity 0.3s, margin 0.3s 0.3s, visibility 0.3s;
opacity: 0;
}
#magic.hidden {
margin-left: -32px;
}
#magic svg path {
fill: var(--primary-font-colour);
}

4
src/web/stylesheets/utils/_general.css
View file

@ -20,6 +20,10 @@ body {
color: var(--subtext-font-colour);
}
.data-text {
font-family: var(--fixed-width-font-family);
}
.word-wrap {
white-space: pre !important;
word-wrap: normal !important;