Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.js: Difference between revisions

MediaWiki interface page
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
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
(function(){
/* SK: Pin D pad on phones */
  var w = window;
  var d = document;


(function () {
  function handler(e){
  function isPhoneWidth() {
    var k = e.key;
     return window.matchMedia && window.matchMedia("(max-width: 759px)").matches;
    if (!k) return;
     k = k.toLowerCase();
   }
   }


   function ensurePinned() {
   d.addEventListener("keydown", handler);
    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();
  });
})();
})();

Latest revision as of 09:52, 20 December 2025

(function(){
  var w = window;
  var d = document;

  function handler(e){
    var k = e.key;
    if (!k) return;
    k = k.toLowerCase();
  }

  d.addEventListener("keydown", handler);
})();