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

perf(core): ⚡️ disable all CSS transition during window resize

Browse source
This commit is contained in:
alistair3149 2024-10-19 00:13:13 -04:00
parent 1ca49e61cf
commit 10d3c17f18
No known key found for this signature in database
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/skins.citizen.scripts/skin.js
View file

@ -7,6 +7,16 @@
*/
function enableCssAnimations( document ) {
document.documentElement.classList.add( 'citizen-animations-ready' );
// Disable all CSS transition during resize
const onResize = () => {
document.documentElement.classList.remove( 'citizen-animations-ready' );
};
const onResizeEnd = mw.util.debounce( () => {
document.documentElement.classList.add( 'citizen-animations-ready' );
}, 250 );
window.addEventListener( 'resize', onResize );
window.addEventListener( 'resize', onResizeEnd );
}
/**