make it toggeableslkdfnslf

3 files changed, 15 insertions, 2 deletions

diff --git a/webAO/client.html b/webAO/client.html
index a24b55e..bcd5f73 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -488,7 +488,7 @@
 			<button id="client_inichange" onclick="iniedit()">Change</button>
 			<br>
 			<br>
-			<p>Pan-tilit (experimental)</p>
+			<p>Pan-tilt (experimental)</p>
 			<label for="client_pantilt">Enable:</label>
 			<input type="checkbox" id="client_pantilt" name="client_pantilt" onclick="switchPanTilt()">
 			<br>
diff --git a/webAO/client.js b/webAO/client.js
index c12b97d..8852a9c 100644
--- a/webAO/client.js
+++ b/webAO/client.js
@@ -2677,6 +2677,19 @@ export async function iniedit() {
 window.iniedit = iniedit;
 
 /**
+ * Triggered by the pantilt checkbox
+ */
+ export async function switchPanTilt() {
+	const background = document.getElementById("client_fullview");
+	if(document.getElementById("client_pantilt").checked) {
+		background.style.transition = "0.5s ease-in-out";		
+	} else {
+		background.style.transition = "none"
+	}
+}
+window.switchPanTilt = switchPanTilt;
+
+/**
  * Triggered by the change aspect ratio checkbox
  */
 export async function switchAspectRatio() {
diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index de43993..82a863b 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -233,7 +233,7 @@
 	height: 100%;
 	width: 100%;
 	bottom: 0;
-	transition: 0.5s ease-in-out;
+	transition: none;
 	transition-property: left;
 }