MediaWiki:Common.js: Difference between revisions
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('§ion')[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();