StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 06:24:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(core): ⚡️ check for nowrap classes before constructing class

Browse source
This commit is contained in:
alistair3149 2024-05-29 14:02:57 -04:00
parent 06d10b99ce
commit 2bbb1d9408
No known key found for this signature in database
1 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
resources/skins.citizen.scripts/overflowElements.js
View file

@ -134,18 +134,7 @@ class OverflowElement {
return;
}
try {
const nowrapClasses = config.wgCitizenOverflowNowrapClasses;
if ( !nowrapClasses || !Array.isArray( nowrapClasses ) ) {
mw.log.error( '[Citizen] Invalid or missing $wgCitizenOverflowNowrapClasses. Cannot proceed with wrapping element.' );
return;
}
const parentNode = this.element.parentNode;
if ( nowrapClasses.some( ( cls ) => this.element.classList.contains( cls ) ) ) {
return;
}
const wrapper = document.createElement( 'div' );
wrapper.className = 'citizen-overflow-wrapper';
@ -247,13 +236,25 @@ class OverflowElement {
* @return {void}
*/
function init( bodyContent ) {
const overflowElements = bodyContent.querySelectorAll( '.citizen-overflow, table:not( table table )' );
if ( overflowElements.length > 0 ) {
overflowElements.forEach( ( el ) => {
const overflowElement = new OverflowElement( el );
overflowElement.init();
} );
const nowrapClasses = config.wgCitizenOverflowNowrapClasses;
if ( !nowrapClasses || !Array.isArray( nowrapClasses ) ) {
mw.log.error( '[Citizen] Invalid or missing $wgCitizenOverflowNowrapClasses. Cannot proceed with wrapping element.' );
return;
}
const overflowElements = bodyContent.querySelectorAll( '.citizen-overflow, table:not( table table )' );
if ( !overflowElements.length ) {
return;
}
overflowElements.forEach( ( el ) => {
if ( nowrapClasses.some( ( cls ) => el.classList.contains( cls ) ) ) {
return;
}
const overflowElement = new OverflowElement( el );
overflowElement.init();
} );
}
module.exports = {