mirror of
https://github.com/gchq/CyberChef.git
synced 2025-05-08 15:25:01 -04:00
[#181] add maximiser icons to recipe, input and output, and handle maximising of targets accordingly. Desktop view remains as normal, where only output can be maximised
This commit is contained in:
parent
093a3c4b77
commit
4c2c934cd4
13 changed files with 164 additions and 51 deletions
|
@ -24,6 +24,7 @@
|
|||
#content-wrapper {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#workspace-wrapper {
|
||||
|
@ -45,6 +46,22 @@
|
|||
padding-bottom: var(--controls-height);
|
||||
}
|
||||
|
||||
#recipe.maximised-pane,
|
||||
#input.maximised-pane,
|
||||
#output.maximised-pane {
|
||||
position: fixed;
|
||||
min-height: calc( 100vh - var(--banner-height ));
|
||||
height: auto;
|
||||
top: var(--banner-height);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#recipe.maximised-pane #controls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and ( min-width: 768px ) {
|
||||
#IO {
|
||||
padding-bottom: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue