diff options
Diffstat (limited to 'webAO')
| -rw-r--r-- | webAO/client.html | 2 | ||||
| -rw-r--r-- | webAO/client.js | 13 | ||||
| -rw-r--r-- | 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 @@ -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; } |