More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All JavaScript here will be loaded for users of the Citizen skin */ | /* All JavaScript here will be loaded for users of the Citizen skin */ | ||
// Collapse specific headers by default | // Collapse specific headers by default on Desktop | ||
mw.hook('wikipage.content').add(function($content) { | mw.hook('wikipage.content').add(function($content) { | ||
if (window.innerWidth >= 768) { | if (window.innerWidth >= 768) { | ||
const idsToCollapse = [ | const idsToCollapse = [ | ||
'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Skills_Settings', 'Equipment' | 'Muling', 'Misc', 'Anti-ban', 'Anti-PK', 'Trip_Settings', 'Skills_Settings', 'Equipment' | ||
| Line 9: | Line 9: | ||
idsToCollapse.forEach(function(rawId) { | idsToCollapse.forEach(function(rawId) { | ||
const id = rawId.replace(/ /g, "_"); | |||
const heading = document.getElementById(id); | |||
if (!heading) return; | if (!heading) return; | ||
const sectionHeading = heading.closest('.citizen-section-heading'); | |||
const content = sectionHeading?.nextElementSibling; | |||
if (content && content.classList.contains('citizen-section')) { | if (content && content.classList.contains('citizen-section')) { | ||
content.hidden = 'until-found'; // | content.hidden = 'until-found'; // collapse by default | ||
} | } | ||
}); | }); | ||
| Line 24: | Line 24: | ||
}); | }); | ||
// Helper: | // Helper: Expand citizen-section that contains the heading | ||
function | function expandCitizenSectionFromHeading(heading) { | ||
if (!heading) return; | if (!heading) return; | ||
let current = heading; | |||
let | |||
// Walk upward through parents to find the section-heading | |||
while (current) { | |||
if (current.classList && current.classList.contains('citizen-section-heading')) { | |||
const sectionContent = current.nextElementSibling; | |||
if (sectionContent && sectionContent.classList.contains('citizen-section') && sectionContent.hidden) { | |||
sectionContent.hidden = false; // Expand hidden content | |||
} | } | ||
break; | |||
} | } | ||
current = current.parentElement; | |||
} | } | ||
} | } | ||
| Line 60: | Line 52: | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
expandCitizenSectionFromHeading(heading); | |||
setTimeout(() => { | setTimeout(() => { | ||
| Line 82: | Line 74: | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
expandCitizenSectionFromHeading(heading); | |||
setTimeout(() => { | setTimeout(() => { | ||