mNo edit summary
mNo edit summary
Line 12: Line 12:


function applyDarkMode() {
function applyDarkMode() {
var body = document.querySelector('body');
if (getDarkModePreference()) {
if (!body.classList.contains('dark-mode')) { body.classList.add('dark-mode'); }
document.documentElement.setAttribute('theme', 'dark');
} else {
if (body.classList.contains('dark-mode')) { body.classList.remove('dark-mode'); }
    document.documentElement.setAttribute('theme', 'light');
}
}
function advanceInfoboxImage() {
var elements = document.getElementsByClassName('infobox-image-row');
if (elements.length > 0) {
var imageRow = elements[0];
var images = imageRow.getElementsByClassName('image');
if (images.length > 1) {
console.log('image length' + images.length);
console.log('style transform' + imageRow.style.transform);
imageRow.style.transform = 'translateX(-' + 100 + '%)';
console.log('style transform after' + imageRow.style.transform);
}
}
var body = document.querySelector('body');
var body = document.querySelector('body');
if (getDarkModePreference()) {
if (getDarkModePreference()) {
Line 24: Line 46:
// applyDarkMode();
// applyDarkMode();
overrideSourceEdit();
overrideSourceEdit();
advanceInfoboxImage();

Revision as of 20:01, 17 February 2023

function overrideSourceEdit() {
	var sourceEdit = document.getElementById('ca-edit');
	if (sourceEdit) {
	 var url = sourceEdit.getAttribute('href');
	 sourceEdit.setAttribute('href', url.split('&section')[0]);
	}
}

function getDarkModePreference() {
	return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
}

function applyDarkMode() {
	var body = document.querySelector('body');
	if (getDarkModePreference()) {
		if (!body.classList.contains('dark-mode')) { body.classList.add('dark-mode'); }
		document.documentElement.setAttribute('theme', 'dark');
	} else {
		if (body.classList.contains('dark-mode')) { body.classList.remove('dark-mode'); }
    	document.documentElement.setAttribute('theme', 'light');
	}
}

function advanceInfoboxImage() {
	var elements = document.getElementsByClassName('infobox-image-row');
	if (elements.length > 0) {
		var imageRow = elements[0];
		var images = imageRow.getElementsByClassName('image');
		if (images.length > 1) {
			console.log('image length' + images.length);
			console.log('style transform' + imageRow.style.transform);
			imageRow.style.transform = 'translateX(-' + 100 + '%)';
			console.log('style transform after' + imageRow.style.transform);
		}
	}
	var body = document.querySelector('body');
	if (getDarkModePreference()) {
		if (!body.classList.contains('dark-mode')) { body.classList.add('dark-mode'); }
		document.documentElement.setAttribute('theme', 'dark');
	} else {
		if (body.classList.contains('dark-mode')) { body.classList.remove('dark-mode'); }
    	document.documentElement.setAttribute('theme', 'light');
	}
}

// applyDarkMode();
overrideSourceEdit();
advanceInfoboxImage();