|
|
| Line 1: |
Line 1: |
| /* SK: Pin D pad on phones */ | | /* ok */ |
| | |
| (function () {
| |
| function isPhoneWidth() {
| |
| return window.matchMedia && window.matchMedia("(max-width: 759px)").matches;
| |
| }
| |
| | |
| function ensurePinned() {
| |
| var dpad = document.getElementById("sk-dpad");
| |
| if (!dpad) return;
| |
| | |
| if (!isPhoneWidth()) {
| |
| dpad.style.position = "";
| |
| dpad.style.top = "";
| |
| dpad.style.right = "";
| |
| dpad.style.zIndex = "";
| |
| dpad.style.padding = "";
| |
| dpad.style.borderRadius = "";
| |
| dpad.style.background = "";
| |
| dpad.style.boxShadow = "";
| |
| document.body.style.paddingTop = "";
| |
| return;
| |
| }
| |
| | |
| dpad.style.position = "fixed";
| |
| dpad.style.top = "96px";
| |
| dpad.style.right = "10px";
| |
| dpad.style.zIndex = "9999";
| |
| dpad.style.padding = "6px";
| |
| dpad.style.borderRadius = "12px";
| |
| dpad.style.background = "rgba(0,0,0,0.35)";
| |
| dpad.style.boxShadow = "0 0 0 1px rgba(255,255,255,0.06)";
| |
| | |
| document.body.style.paddingTop = "190px";
| |
| }
| |
| | |
| if (document.readyState === "loading") {
| |
| document.addEventListener("DOMContentLoaded", ensurePinned);
| |
| } else {
| |
| ensurePinned();
| |
| }
| |
| | |
| window.addEventListener("resize", ensurePinned);
| |
| })();
| |
