MediaWiki:Common.js: Difference between revisions
MediaWiki interface page
More actions
Created page with "→Any JavaScript here will be loaded for all users on every page load.: →SK: Pin D pad on phones: (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.zInde..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* SK: Pin D pad on phones */ | /* SK: Pin D pad on phones */ | ||
| Line 25: | Line 24: | ||
dpad.style.position = "fixed"; | dpad.style.position = "fixed"; | ||
dpad.style.top = " | dpad.style.top = "96px"; | ||
dpad.style.right = " | dpad.style.right = "10px"; | ||
dpad.style.zIndex = "9999"; | dpad.style.zIndex = "9999"; | ||
dpad.style.padding = "6px"; | dpad.style.padding = "6px"; | ||
| Line 33: | Line 32: | ||
dpad.style.boxShadow = "0 0 0 1px rgba(255,255,255,0.06)"; | dpad.style.boxShadow = "0 0 0 1px rgba(255,255,255,0.06)"; | ||
document.body.style.paddingTop = " | document.body.style.paddingTop = "190px"; | ||
} | } | ||
| Line 42: | Line 41: | ||
} | } | ||
window.addEventListener("resize", | window.addEventListener("resize", ensurePinned); | ||
})(); | })(); | ||
Revision as of 09:30, 20 December 2025
/* SK: Pin D pad on phones */
(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);
})();