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

Improve WorkerWaiter and OutputWaiter.

Browse source 
- Will run and display outputs in the output area as they're baked
- Creates output tabs
- Can change output tabs (only the first 4 at the moment)
This commit is contained in:
j433866 2019-04-02 16:58:36 +01:00
parent 2cb33bfec4
commit e0c9aba25e
5 changed files with 814 additions and 727 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -45,8 +45,8 @@
-moz-padding-start: 1px; /* Fixes bug in Firefox */
}
#input-tabs ul,
#output-tabs ul {
#input-tabs-wrapper #input-tabs,
#output-tabs-wrapper #output-tabs {
list-style: none;
background-color: var(--title-background-colour);
padding: 0;
@ -59,8 +59,8 @@
height: var(--tab-height);
}
#input-tabs ul li,
#output-tabs ul li {
#input-tabs li,
#output-tabs li {
display: flex;
flex-direction: row;
width: 100%;
@ -73,8 +73,8 @@
vertical-align: middle;
}
#input-tabs ul li:hover,
#output-tabs ul li:hover {
#input-tabs li:hover,
#output-tabs li:hover {
cursor: pointer;
background-color: var(--primary-background-colour);
}
@ -85,6 +85,11 @@
background-color: var(--primary-background-colour);
}
.tab-buttons {
transition: 1s all ease;
display: none;
}
.input-tab-content,
.output-tab-content {
width: 100%;
@ -142,10 +147,10 @@
#output-loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
height: calc(100% - var(--title-height));
margin: 0;
background-color: var(--primary-background-colour);
visibility: hidden;