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 | |||
mw.hook('wikipage.content').add(function($content) { | mw.hook('wikipage.content').add(function($content) { | ||
if (window.innerWidth >= 768) { // Desktop only | if (window.innerWidth >= 768) { // Desktop only | ||
| Line 17: | Line 18: | ||
if (content && content.classList.contains('citizen-section')) { | if (content && content.classList.contains('citizen-section')) { | ||
content.hidden = 'until-found'; // | content.hidden = 'until-found'; // collapse | ||
} | } | ||
}); | }); | ||
| Line 23: | Line 24: | ||
}); | }); | ||
// Helper: expand parent if needed | |||
function expandParentSectionIfNeeded(heading) { | function expandParentSectionIfNeeded(heading) { | ||
if (!heading) return; | |||
const sectionHeading = heading.closest('.citizen-section-heading'); | const sectionHeading = heading.closest('.citizen-section-heading'); | ||
if (sectionHeading) { | if (sectionHeading) { | ||
const content = sectionHeading.nextElementSibling; | const content = sectionHeading.nextElementSibling; | ||
if (content && content.classList.contains('citizen-section') && content.hidden) { | if (content && content.classList.contains('citizen-section') && content.hidden) { | ||
content.hidden = false; // Expand the | content.hidden = false; // Expand the hidden section | ||
} | } | ||
} | } | ||
| Line 39: | Line 43: | ||
if (hash && hash.length > 1) { | if (hash && hash.length > 1) { | ||
const headingId = hash.substring(1); | const headingId = hash.substring(1); | ||
setTimeout(() => { // 🔥 | setTimeout(() => { // 🔥 Wait a little to ensure everything loaded | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
| Line 48: | Line 52: | ||
}, 50); | }, 50); | ||
} | } | ||
}, 100); | }, 100); | ||
} | } | ||
} | } | ||
| Line 58: | Line 62: | ||
mw.loader.using('skins.citizen.toc').then(function() { | mw.loader.using('skins.citizen.toc').then(function() { | ||
const citizenToc = require('skins.citizen.toc'); | const citizenToc = require('skins.citizen.toc'); | ||
const originalOnHeadingClick = citizenToc.props.onHeadingClick; | |||
citizenToc.props.onHeadingClick = function(id) { | |||
const headingId = id.replace(/^toc-/, ''); | |||
const heading = document.getElementById(headingId); | |||
if (heading) { | |||
expandParentSectionIfNeeded(heading); | |||
setTimeout(() => { | |||
heading.scrollIntoView({ behavior: 'smooth', block: 'start' }); | |||
}, 50); | |||
} | |||
if (originalOnHeadingClick) { | |||
originalOnHeadingClick(id); | |||
} | |||
}; | |||
}); | |||
} | |||
}); | |||