MediaWiki:Common.js: Difference between revisions

Line 1:

/* Universal KH Theme ~~& Aggressive Viewport Lock~~ */

/* Version 2.1 - Universal KH Theme (Responsive) */

(function() {

// Load Fonts

// 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">');

// ~~Nuke existing viewports and force a 1200px window~~

// 2. Standard Mobile Viewport (No more forced zooming)

~~$('meta[name="viewport"]')~~.~~remove~~();

var meta = document.createElement('meta');

meta.name = "viewport";

meta.content = "width=~~1200~~, initial-scale=0.~~3, minimum-scale~~=0.3, ~~maximum-scale=2~~.0";

meta.content = "width=device-width, initial-scale=1.0";

document.getElementsByTagName('head')[0].appendChild(meta);

var existingMeta = document.querySelector('meta[name="viewport"]');

if (existingMeta) {

existingMeta.setAttribute('content', meta.content);

} else {

document.getElementsByTagName('head')[0].appendChild(meta);

}

$(document).ready(function() {

console.log("KH Leaf Theme Initialized");

if (mw.config.get('skin') === 'cosmos') {

$('#p-cactions h3 span').hide();

@@ Line 1: / Line 1: @@
-/* Universal KH Theme & Aggressive Viewport Lock */
+/* Version 2.1 - Universal KH Theme (Responsive) */
 (function() {
-     // Load Fonts
+     // 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">');
-     // Nuke existing viewports and force a 1200px window
+     // 2. Standard Mobile Viewport (No more forced zooming)
-    $('meta[name="viewport"]').remove();
      var meta = document.createElement('meta');
      meta.name = "viewport";
-     meta.content = "width=1200, initial-scale=0.3, minimum-scale=0.3, maximum-scale=2.0";
+     meta.content = "width=device-width, initial-scale=1.0";
-     document.getElementsByTagName('head')[0].appendChild(meta);
+    var existingMeta = document.querySelector('meta[name="viewport"]');
+    if (existingMeta) {
+        existingMeta.setAttribute('content', meta.content);
+     } else {
+        document.getElementsByTagName('head')[0].appendChild(meta);
+    }
      $(document).ready(function() {
+        console.log("KH Leaf Theme Initialized");
          if (mw.config.get('skin') === 'cosmos') {
              $('#p-cactions h3 span').hide();