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

Added pulse to Background Magic button to draw attention.

Browse source
This commit is contained in:
n1474335 2019-08-28 16:14:13 +01:00
parent 570a4c7fca
commit 4c28627459
5 changed files with 31 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -337,6 +337,29 @@
fill: var(--primary-font-colour);
}
.pulse {
box-shadow: 0 0 0 0 rgba(90, 153, 212, .3);
animation: pulse 1.5s 1;
}
.pulse:hover {
animation-play-state: paused;
}
@keyframes pulse {
0% {
transform: scale(1);
}
70% {
transform: scale(1.1);
box-shadow: 0 0 0 20px rgba(90, 153, 212, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
}
}
#input-find-options,
#output-find-options {
display: flex;

4
src/web/stylesheets/layout/_structure.css
View file

@ -39,7 +39,9 @@ div#output {
.split {
box-sizing: border-box;
overflow: auto;
/* overflow: auto;
Removed to enable Background Magic button pulse to overflow.
Replace this rule if it seems to be causing problems. */
position: relative;
}