MediaWiki:Common.js - Revision history

Admin: CardLink zoom: size popup from naturalWidth/Height; landscape class for sites

2026-09-24T00:54:06Z

CardLink zoom: size popup from naturalWidth/Height; landscape class for sites

← Older revision		Revision as of 00:54, 24 September 2026
Line 1:		Line 1:
	/* Logo stays in the sidebar. Search sits at the left of the header.		/* Logo stays in the sidebar. Search sits at the left of the header.
	Card list: 200px thumbs for load; hover shows a fixed popup of the full ~~745px~~ GEMP image.		Card list: 200px thumbs for load; hover shows a fixed popup of the full GEMP image.
	Chrome/Edge ignore src changes while srcset is set, so we never swap the thumb src.		Chrome/Edge ignore src changes while srcset is set, so we never swap the thumb src.
	CardLink / #swccg-card-zoom: clear src and hide until the new image loads so Firefox		CardLink / #swccg-card-zoom: clear src and hide until the new image loads so Firefox
	never flashes the previous card art. */		never flashes the previous card art.
			Landscape locations (e.g. Spaceport Docking Bay): size from naturalWidth/Height —
			do not force portrait 450x630 (that scrunches horizontal sites). */
	(function () {		(function () {
	function originalFromImg(img) {		function originalFromImg(img) {
Line 34:		Line 36:
	}		}

			/** Place popup using natural image aspect (portrait or landscape). */
	function placeZoom(pop, rect) {		function placeZoom(pop, rect) {
	var w = ~~450~~;		var nw = pop.naturalWidth \|\| 450;
	var h = ~~630~~;		var nh = pop.naturalHeight \|\| 630;
			var landscape = nw > nh;
			if (landscape) {
			pop.classList.add('is-landscape');
			} else {
			pop.classList.remove('is-landscape');
			}
			var maxH = landscape
			? Math.min(520, Math.floor(window.innerHeight * 0.85))
			: Math.min(630, Math.floor(window.innerHeight * 0.92));
			var maxW = landscape
			? Math.min(920, Math.floor(window.innerWidth * 0.94))
			: Math.min(465, Math.floor(window.innerWidth * 0.92));
			var scale = Math.min(maxW / nw, maxH / nh);
			if (!isFinite(scale) \|\| scale <= 0) {
			scale = 1;
			}
			var w = Math.max(1, Math.round(nw * scale));
			var h = Math.max(1, Math.round(nh * scale));
			pop.style.width = w + 'px';
			pop.style.height = h + 'px';
	var left = rect.right + 10;		var left = rect.right + 10;
	if (left + w > window.innerWidth - 8) {		if (left + w > window.innerWidth - 8) {
Line 57:		Line 80:
	var cur = pop.getAttribute('src') \|\| '';		var cur = pop.getAttribute('src') \|\| '';
	if (cur === full && pop.complete && pop.naturalWidth > 0) {		if (cur === full && pop.complete && pop.naturalWidth > 0) {
			placeZoom(pop, rect);
	pop.classList.add('is-on');		pop.classList.add('is-on');
	return;		return;
Line 62:		Line 86:
	pop.classList.remove('is-on');		pop.classList.remove('is-on');
	pop.removeAttribute('src');		pop.removeAttribute('src');
			pop.style.width = '';
			pop.style.height = '';
	var gen = (parseInt(pop.getAttribute('data-zoom-gen') \|\| '0', 10) \|\| 0) + 1;		var gen = (parseInt(pop.getAttribute('data-zoom-gen') \|\| '0', 10) \|\| 0) + 1;
	pop.setAttribute('data-zoom-gen', String(gen));		pop.setAttribute('data-zoom-gen', String(gen));
Line 69:		Line 95:
	}		}
	if (pop.naturalWidth > 0) {		if (pop.naturalWidth > 0) {
			placeZoom(pop, rect);
	pop.classList.add('is-on');		pop.classList.add('is-on');
	}		}

Admin: Common.js: clear #swccg-card-zoom src before load so Firefox never flashes previous card

2026-09-24T00:37:54Z

Common.js: clear #swccg-card-zoom src before load so Firefox never flashes previous card

Show changes

Admin: Common.js: bind swccg-card-link hover to existing card-zoom popup

2026-09-24T00:10:01Z

Common.js: bind swccg-card-link hover to existing card-zoom popup

@@ Line 19: / Line 19: @@
+     }
      return src.split(' ')[0];
+   }
@@ Line 76: / Line 120: @@
      moveSearch();
      bindZoom(document);
+   }

Admin: zoom 50 percent bigger

2026-09-21T02:27:52Z

zoom 50 percent bigger

← Older revision		Revision as of 02:27, 21 September 2026
Line 44:		Line 44:
	pop.src = full;		pop.src = full;
	var r = img.getBoundingClientRect();		var r = img.getBoundingClientRect();
	var w = ~~300~~;		var w = 450;
	var h = ~~420~~;		var h = 630;
	var left = r.right + 10;		var left = r.right + 10;
	if (left + w > window.innerWidth - 8) {		if (left + w > window.innerWidth - 8) {

Admin: card POC

2026-09-21T01:56:10Z

card POC

← Older revision		Revision as of 01:56, 21 September 2026
Line 29:		Line 29:
	document.body.appendChild(pop);		document.body.appendChild(pop);
	}		}
	var links = (root \|\| document).querySelectorAll('table.card-thumbs a');		var links = (root \|\| document).querySelectorAll('table.card-thumbs a, .card-portrait a');
	for (var i = 0; i < links.length; i++) {		for (var i = 0; i < links.length; i++) {
	if (links[i].getAttribute('data-zoom-bound')) {		if (links[i].getAttribute('data-zoom-bound')) {

Admin: chrome zoom popup

2026-09-21T01:38:33Z

chrome zoom popup

Show changes

Admin: hover hires

2026-09-21T01:20:10Z

hover hires

@@ Line 1: / Line 1: @@
-/* Keep the logo in the sidebar. Park search at the left of the header (right of the logo). */
+/* Keep the logo in the sidebar. Park search at the left of the header (right of the logo).
 (function () {
    function ready(fn) {
@@ Line 8: / Line 9: @@
+     }
+   }
    ready(function () {
      var search = document.getElementById('p-search');
@@ Line 13: / Line 33: @@
      if (search && head && search.parentNode !== head) {
        head.insertBefore(search, head.firstChild);
+     }
    });
 })();

Admin: logo stays in sidebar

2026-09-21T00:34:56Z

logo stays in sidebar

← Older revision		Revision as of 00:34, 21 September 2026
Line 1:		Line 1:
	/* ~~Wikipedia-style:~~ logo ~~top-~~left~~, search immediately to its right. Account links stay far~~ right. */		/* Keep the logo in the sidebar. Park search at the left of the header (right of the logo). */
	(function () {		(function () {
	function ready(fn) {		function ready(fn) {
Line 9:		Line 9:
	}		}
	ready(function () {		ready(function () {
	var ~~logo~~ = document.getElementById('p-~~logo~~');		var search = document.getElementById('p-search');
	var head = document.getElementById('mw-head');		var head = document.getElementById('mw-head');
	~~var search = document.getElementById~~(~~'p-~~search~~');~~		if (search && head && search.parentNode !== head) {
	~~if (logo~~ && head && ~~logo~~.parentNode !== head) {		head.insertBefore(search, head.firstChild);
	head.insertBefore(~~logo~~, head.firstChild);
	}
	~~if (search && logo && logo.parentNode) {~~
	~~if (search.previousElementSibling !== logo) {~~
	~~logo.parentNode.insertBefore(search, logo.nextSibling);~~
	}
	}		}
	});		});
	})();		})();

Admin: header/premiere thumbs

2026-09-21T00:00:32Z

header/premiere thumbs

← Older revision		Revision as of 00:00, 21 September 2026
Line 1:		Line 1:
	/* ~~Logo into the~~ top ~~bar;~~ search immediately ~~after Discussion~~. */		/* Wikipedia-style: logo top-left, search immediately to its right. Account links stay far right. */
	(function () {		(function () {
	function ready(fn) {		function ready(fn) {
Line 11:		Line 11:
	var logo = document.getElementById('p-logo');		var logo = document.getElementById('p-logo');
	var head = document.getElementById('mw-head');		var head = document.getElementById('mw-head');
			var search = document.getElementById('p-search');
	if (logo && head && logo.parentNode !== head) {		if (logo && head && logo.parentNode !== head) {
	head.insertBefore(logo, head.firstChild);		head.insertBefore(logo, head.firstChild);
	}		}
	~~var search = document.getElementById('p-search');~~		if (search && logo && logo.parentNode) {
	~~var ns = document.getElementById('p-namespaces');~~		if (search.previousElementSibling !== logo) {
	if (search && ns && ns.parentNode && search.previousElementSibling !== ns) {		logo.parentNode.insertBefore(search, logo.nextSibling);
	ns.parentNode.insertBefore(search, ns.nextSibling);		}
	}		}
	});		});
	})();		})();

Admin: layout/expansions

2026-09-20T23:19:46Z

layout/expansions

New page

/* Logo into the top bar; search immediately after Discussion. */
(function () {
function ready(fn) {
if (document.readyState !== 'loading') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
ready(function () {
var logo = document.getElementById('p-logo');
var head = document.getElementById('mw-head');
if (logo && head && logo.parentNode !== head) {
head.insertBefore(logo, head.firstChild);
}
var search = document.getElementById('p-search');
var ns = document.getElementById('p-namespaces');
if (search && ns && ns.parentNode && search.previousElementSibling !== ns) {
ns.parentNode.insertBefore(search, ns.nextSibling);
}
});
})();