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

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

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,