[#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:
Robin Scholtes 2023-05-02 16:58:20 +12:00
parent 093a3c4b77
commit 4c2c934cd4
13 changed files with 164 additions and 51 deletions

View file

@ -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;