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

tidy up code, add controls-height var and implement across stylesheets, start work on operation/category lists

Browse source
This commit is contained in:
Robin Scholtes 2023-04-17 16:03:46 +12:00
parent b872ac6e68
commit 0e49d52546
8 changed files with 65 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/web/stylesheets/layout/_controls.css
View file

@ -13,6 +13,8 @@
padding: 10px 0;
border-top: 1px solid var(--primary-border-colour);
background-color: var(--secondary-background-colour);
height: var(--controls-height);
overflow: hidden;
}
#controls-content {
@ -31,15 +33,6 @@
color: var(--primary-font-colour);
font-size: 14px;
cursor: pointer;
/*line-height: 0;*/
}
#auto-bake {
position: relative;
width: auto;
height: auto;
opacity: 1;
z-index: initial;
}
#auto-bake-label .check,

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

@ -10,10 +10,6 @@ body {
overflow: hidden;
}
#workspace-wrapper {
margin-top: var(--banner-height);
}
#content-wrapper {
position: absolute;
top: 0;
@ -22,19 +18,27 @@ body {
left: 0;
}
#recipe,
#input .cm-scroller,
#output .cm-scroller {
overflow-y: auto;
/*@TODO: test with keyboard popping up because that messes with the viewheight probably*/
#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;
overflow-y: auto;
}
#input .cm-scroller,
#output .cm-scroller {
height: 20vh;
overflow-y: auto;
}
#operations .title,