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

Output now uses CodeMirror editor

Browse source
This commit is contained in:
n1474335 2022-07-02 19:23:03 +01:00
parent bc949b47d9
commit 68733c74cc
14 changed files with 665 additions and 495 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,7 +6,8 @@
* @license Apache-2.0
*/
#input-text {
#input-text,
#output-text {
position: relative;
width: 100%;
height: 100%;
@ -24,23 +25,6 @@
color: var(--fixed-width-font-colour);
}
#output-text,
#output-html {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 3px;
-moz-padding-start: 3px;
-moz-padding-end: 3px;
border: none;
border-width: 0px;
resize: none;
background-color: transparent;
white-space: pre-wrap;
word-wrap: break-word;
}
#output-wrapper{
margin: 0;
padding: 0;
@ -54,13 +38,6 @@
pointer-events: auto;
}
#output-html {
display: none;
overflow-y: auto;
-moz-padding-start: 1px; /* Fixes bug in Firefox */
}
#input-tabs-wrapper #input-tabs,
#output-tabs-wrapper #output-tabs {
list-style: none;
@ -179,25 +156,15 @@
}
#input-wrapper,
#output-wrapper,
#input-wrapper > :not(#input-text),
#output-wrapper > .textarea-wrapper > div,
#output-wrapper > .textarea-wrapper > textarea {
#output-wrapper {
height: calc(100% - var(--title-height));
}
#input-wrapper.show-tabs,
#input-wrapper.show-tabs > :not(#input-text),
#output-wrapper.show-tabs,
#output-wrapper.show-tabs > .textarea-wrapper > div,
#output-wrapper.show-tabs > .textarea-wrapper > textarea {
#output-wrapper.show-tabs {
height: calc(100% - var(--tab-height) - var(--title-height));
}
#output-wrapper > .textarea-wrapper > #output-html {
height: 100%;
}
#show-file-overlay {
height: 32px;
}
@ -211,7 +178,6 @@
.textarea-wrapper textarea,
.textarea-wrapper #output-text,
.textarea-wrapper #output-html,
.textarea-wrapper #output-highlighter {
font-family: var(--fixed-width-font-family);
font-size: var(--fixed-width-font-size);
@ -477,6 +443,12 @@
/* Status bar */
.ͼ2 .cm-panels {
background-color: var(--secondary-background-colour);
border-color: var(--secondary-border-colour);
color: var(--primary-font-colour);
}
.cm-status-bar {
font-family: var(--fixed-width-font-family);
font-weight: normal;