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

File details are now displayed in a side panel and the input is still editable

Browse source
This commit is contained in:
n1474335 2022-09-02 14:33:41 +01:00
parent e93aa42697
commit 16b79e32f6
6 changed files with 500 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -220,7 +220,6 @@
transition: all 0.5s ease;
}
#input-file,
#output-file {
position: absolute;
left: 0;
@ -450,9 +449,10 @@
font-size: 12px !important;
}
.ͼ2 .cm-panels {
.ͼ2 .cm-panels,
.ͼ2 .cm-side-panels {
background-color: var(--secondary-background-colour);
border-color: var(--secondary-border-colour);
border-color: var(--primary-border-colour);
color: var(--primary-font-colour);
}
@ -547,4 +547,44 @@
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
}
/* File details panel */
.cm-file-details {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding-bottom: 21px;
height: 100%;
}
.file-details-heading {
font-weight: bold;
margin: 10px 0 10px 0;
}
.file-details-data {
text-align: left;
margin: 10px 2px;
}
.file-details-data td {
padding: 0 3px;
max-width: 130px;
min-width: 60px;
overflow: hidden;
vertical-align: top;
word-break: break-all;
}
.file-details-error {
color: #f00;
}
.file-details-thumbnail {
max-width: 180px;
}