Completed new resizable design

This commit is contained in:
Pax1601
2023-11-07 17:37:19 +01:00
parent f727174044
commit eacb89176c
8 changed files with 47 additions and 12 deletions

View File

@@ -137,10 +137,13 @@ export class UnitControlPanel extends Panel {
this.#updateRapidControls();
});
window.addEventListener("resize", (e: any) => this.#calculateMaxHeight());
const element = document.getElementById("toolbar-container");
if (element)
new ResizeObserver(() => this.#calculateTop()).observe(element);
this.#calculateMaxHeight()
this.hide();
}
@@ -480,4 +483,10 @@ export class UnitControlPanel extends Panel {
if (element)
this.getElement().style.top = `${element.offsetTop + element.offsetHeight + 10}px`;
}
#calculateMaxHeight() {
const element = document.getElementById("unit-control-panel-content");
if (element)
element.style.maxHeight = `${window.innerHeight - this.getElement().offsetTop - 10}px`;
}
}