MediaWiki:Mobile.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* All JavaScript here will be loaded for users of the mobile site */

/*
 * Note that some of the style changes that are applied when enabling ads are
 * already applied via MW:Vector.css, but only for anonymous visitors, so apply
 * them again in case ads are enabled explicitly, e.g. for testing.
 */

if (mw.config.get("wgUserId") == null) {
	bg3wikiEnableAds();
}

function bg3wikiEnableAds() {
	// This class is normally added through a hook in LocalSettings.php, when
	// the visitor is not a logged-in user.  The class is added here as well,
	// since this function could be called for testing purposes.
	document.body.classList.add("mw-ads-enabled");

	bg3wikiEnableFooterAd();
}

function bg3wikiEnableFooterAd() {
	if (window.innerHeight < 720) {
		return;
	}
	
	return; // TODO
	
	// The "header" is actually at the bottom.
	var header = document.getElementsByClassName("citizen-header")[0];
	header.style.bottom = "50px";
	
	// Floating page actions thingy above the "header"
	var actions = document.getElementsByClassName("page-actions")[0];
	actions.style.bottom = "calc(50px + var(--header-size) + var(--space-xs))";
	
	// Actual page contents
	var content = document.getElementsByClassName("citizen-page-container")[0];
	content.style.marginBottom = "50px";
	
	var ad = document.createElement("div");
	ad.id = "bg3wiki-footer-ad";
	ad.classList.add("bg3wiki-ad");
	ad.style.height = "50px";
	ad.style.width = "100%";
	ad.style.position = "fixed";
	ad.style.bottom = "0";
	ad.style.zIndex = "999";
	ad.style.background = "var(--color-surface-3)";
	ad.style.alignContent = "center";
	document.body.appendChild(ad);
	
	var p = document.createElement("p");
	p.style.textAlign = "center";
	p.style.fontSize = "0.9em";
	p.style.fontStyle = "italic";
	p.style.color = "var(--color-subtle)";
	p.innerText = "Ad placeholder";
	ad.appendChild(p);
}