MediaWiki:Common.js: Difference between revisions

From Lenn's Fun Stuff

No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
/* FORCE DESKTOP MODE ON MOBILE */
/* Universal KH Theme & Mobile Scale Fix */
if ( window.location.href.indexOf('mobileaction=toggle_view_mobile') === -1 &&
    window.location.href.indexOf('mobileaction=toggle_view_desktop') === -1 &&
    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
   
    var url = new URL(window.location.href);
    url.searchParams.set('mobileaction', 'toggle_view_desktop');
    window.location.href = url.href;
}
 
/* FORCE DESKTOP SCALE */
(function() {
(function() {
     var meta = document.createElement('meta');
     // 1. Load Google Fonts
    meta.name = "viewport";
    $('head').append('<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap">');
    meta.content = "width=1200, initial-scale=0.3, maximum-scale=1.0";
    document.getElementsByTagName('head')[0].appendChild(meta);
})();


/* Adjust Viewport for Mobile but stay in Mobile Mode */
    // 2. Force Desktop Scale for Mobile Browsers
if (window.innerWidth < 1200) {
    var forceDesktopScale = function() {
    $('meta[name="viewport"]').remove();
        var viewport = document.querySelector("meta[name=viewport]");
    $('head').append('<meta name="viewport" content="width=1200, initial-scale=0.3, user-scalable=yes">');
        var content = "width=1200, initial-scale=0.3, maximum-scale=1.0, user-scalable=yes";
}
        if (viewport) {
            viewport.setAttribute('content', content);
        } else {
            $('head').append('<meta name="viewport" content="' + content + '">');
        }
    };


/* Zoom out on Mobile to fit the Desktop width */
    // Run scaling logic immediately
if (window.innerWidth < 1200) {
     forceDesktopScale();
     var viewportMeta = document.querySelector('meta[name="viewport"]');
    if (viewportMeta) {
        viewportMeta.setAttribute('content', 'width=1200, initial-scale=0.3');
    }
}


/* FORCE DESKTOP SCALE ON MOBILE */
    $(document).ready(function() {
(function() {
        console.log("KH Leaf Theme Initialized on " + mw.config.get('skin'));
    var viewport = document.querySelector("meta[name=viewport]");
       
    var content = "width=1200, initial-scale=0.3, maximum-scale=1.0, user-scalable=yes";
        // Hide default 'Actions' label in Cosmos to make room for the leaf
   
        if (mw.config.get('skin') === 'cosmos') {
    if (viewport) {
            $('#p-cactions h3 span').hide();
        viewport.setAttribute('content', content);
        }
    } else {
     });
        $('head').append('<meta name="viewport" content="' + content + '">');
     }
})();
})();

Revision as of 22:43, 16 March 2026

/* Universal KH Theme & Mobile Scale Fix */
(function() {
    // 1. Load Google Fonts
    $('head').append('<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap">');

    // 2. Force Desktop Scale for Mobile Browsers
    var forceDesktopScale = function() {
        var viewport = document.querySelector("meta[name=viewport]");
        var content = "width=1200, initial-scale=0.3, maximum-scale=1.0, user-scalable=yes";
        if (viewport) {
            viewport.setAttribute('content', content);
        } else {
            $('head').append('<meta name="viewport" content="' + content + '">');
        }
    };

    // Run scaling logic immediately
    forceDesktopScale();

    $(document).ready(function() {
        console.log("KH Leaf Theme Initialized on " + mw.config.get('skin'));
        
        // Hide default 'Actions' label in Cosmos to make room for the leaf
        if (mw.config.get('skin') === 'cosmos') {
            $('#p-cactions h3 span').hide();
        }
    });
})();