MediaWiki:Mobile.js
Jump to navigation
Jump to search
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") == 1) {
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);
}