Hide controls when output is maximised
This commit is contained in:
parent
3472484601
commit
5e05c59a5a
@ -628,12 +628,21 @@ class RecipeWaiter {
|
|||||||
bakeIcon.style.display = "inline-block";
|
bakeIcon.style.display = "inline-block";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Scale controls to fit pane width
|
// Hide recipe controls when output is maximised
|
||||||
const controls = document.getElementById("controls");
|
if (document.getElementById("i") === "fullscreen") {
|
||||||
const controlsContent = document.getElementById("controls-content");
|
document.getElementById("controls").style.display = "none";
|
||||||
const scale = (controls.clientWidth - 1) / controlsContent.scrollWidth;
|
}
|
||||||
|
else {
|
||||||
|
// Show recipe controls if they are not already shown
|
||||||
|
document.getElementById("controls").style.display = "inherit";
|
||||||
|
|
||||||
controlsContent.style.transform = `translate(-50%, -50%) scale(${scale})`;
|
// Scale controls to fit pane width
|
||||||
|
const controls = document.getElementById("controls");
|
||||||
|
const controlsContent = document.getElementById("controls-content");
|
||||||
|
const scale = (controls.clientWidth - 1) / controlsContent.scrollWidth;
|
||||||
|
|
||||||
|
controlsContent.style.transform = `translate(-50%, -50%) scale(${scale})`;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user