MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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.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 = "110px";
    dpad.style.right = "12px";
    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 = "220px";
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", ensurePinned);
  } else {
    ensurePinned();
  }

  window.addEventListener("resize", function () {
    ensurePinned();
  });
})();