From 4e06d17eda0c624179312e3300a64bfe816fa6fb Mon Sep 17 00:00:00 2001
From: stonedDiscord <Tukz@gmx.de>
Date: Mon, 4 Oct 2021 21:01:19 +0200
Subject: make it toggeableslkdfnslf

---
 webAO/client.html       |  2 +-
 webAO/client.js         | 13 +++++++++++++
 webAO/styles/client.css |  2 +-
 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
@@ -2676,6 +2676,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
  */
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;
 }
 
-- 
cgit