[#181] set mobile ops-dropdown to fill all space except ops and banner. No need for the controls at this point while scrolling the ops

This commit is contained in:
Robin Scholtes 2023-05-10 17:09:26 +12:00
parent a27de41328
commit d774a50f13
3 changed files with 5 additions and 8 deletions

View file

@ -906,7 +906,7 @@ class App {
const controlsHeight = 50;
const operationsHeight = 80;
const remainingSpace = window.innerHeight - (bannerHeight+controlsHeight+operationsHeight);
const remainingSpace = window.innerHeight - (bannerHeight+controlsHeight+operationsHeight - 1); // - 1 is accounting for a border
// equally divide among recipe, input and output
["recipe", "input", "output"].forEach(( div ) => {
@ -914,7 +914,7 @@ class App {
});
// set the ops-dropdown height
document.getElementById("operations-dropdown").style.maxHeight = `${remainingSpace}px`;
document.getElementById("operations-dropdown").style.maxHeight = `${window.innerHeight - (bannerHeight+operationsHeight)}px`;
}
}