1 files changed, 19 insertions, 0 deletions
diff --git a/webAO/dom/switchAspectRatio.ts b/webAO/dom/switchAspectRatio.ts
new file mode 100644
index 0000000..79d4110
--- /dev/null
+++ b/webAO/dom/switchAspectRatio.ts
@@ -0,0 +1,19 @@
+/**
+ * Triggered by the change aspect ratio checkbox
+ */
+export async function switchAspectRatio() {
+    const background = document.getElementById("client_gamewindow")!;
+    const offsetCheck = <HTMLInputElement>(
+        document.getElementById("client_hdviewport_offset")
+    );
+    if (
+        (<HTMLInputElement>document.getElementById("client_hdviewport")).checked
+    ) {
+        background.style.paddingBottom = "56.25%";
+        offsetCheck.disabled = false;
+    } else {
+        background.style.paddingBottom = "75%";
+        offsetCheck.disabled = true;
+    }
+}
+window.switchAspectRatio = switchAspectRatio;
+\ No newline at end of file