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

[#181] add todo file, add split CSS files

Browse source
This commit is contained in:
Robin Scholtes 2023-04-18 20:23:44 +12:00
parent 2093dac4f9
commit 4eff33933e
14 changed files with 473 additions and 457 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,34 +18,19 @@ body {
left: 0;
}
/*@TODO: test with keyboard popping up because that messes with the viewheight probably*/
/*@TODO: make sure the panels are nicely divided / flex-grow to make up the full height of workspace-wrapper*/
#workspace-wrapper {
/* The workspaces' available height minus the top banner and control element at the bottom */
height: calc( 100vh - calc( var(--banner-height) + var(--controls-height)) );
margin-top: var(--banner-height);
}
#operations {
height: auto;
}
#recipe {
height: 15vh;
height: 20vh;
}
#input,
#output {
#input, #output {
height: 25vh;
}
#input .cm-scroller,
#output .cm-scroller {
height: 100%;
overflow-y: scroll;
}
#operations .title,
#recipe .title,
#input .title,
@ -54,10 +39,11 @@ body {
justify-content: space-between;
}
/* To vertically align the title nicely in the center */
label[for="input-text"],
label[for="output-text"] {
line-height: revert;
#controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media only screen and ( min-width: 768px ) {