imported>Westgrass: 1 revision imported

2025-11-01T06:43:52Z

1 revision imported

← Older revision	Revision as of 06:43, 1 November 2025
(No difference)

>Westgrass: also toggle .nav--expanded on #mw-panel whenever mobile nav toggle button is toggled. This makes mobile sidebar menu styling easier.

2025-05-25T08:14:28Z

also toggle .nav--expanded on #mw-panel whenever mobile nav toggle button is toggled. This makes mobile sidebar menu styling easier.

New page

/*** Mobile navigation toggle button ***/
( function () {
const BUTTON_CLASS = 'mobile-nav-toggle';
const EXPANDED_CLASS = 'nav--expanded';
if (document.querySelector('button.' + BUTTON_CLASS)){return;} // early return to avoid double button if this runs twice

let mobileSidebarButton = document.createElement( 'button' );
let sidebar = document.getElementById( 'mw-panel' );
mobileSidebarButton.className = BUTTON_CLASS;
mobileSidebarButton.addEventListener( 'click', function () {
mobileSidebarButton.classList.toggle( EXPANDED_CLASS );
sidebar.classList.toggle( EXPANDED_CLASS );
} );
sidebar.prepend( mobileSidebarButton );
document.body.classList.add( 'has-vector-mobile-menu' );
} )();
/*** End mobile navigation toggle button ***/

/*** #mw-head collapsing fix ***/
/*** IMPORTANT: Do not copy this code if your wiki is not updated to default loadout 2.0 (May 22, 2025) or later, or your navigation tabs will break ***/
mw.loader.using('skins.vector.legacy.js', function() {
$.collapsibleTabs.calculateTabDistance = function(){
return parseInt(window.getComputedStyle(document.getElementById( 'right-navigation' ), '::before').width ) - 1;
}
});
/*** END #mw-head collapsing fix ***/

MediaWiki:Gadgets/vectorScripts/main.js - Revision history

imported>Westgrass: 1 revision imported

>Westgrass: also toggle .nav--expanded on #mw-panel whenever mobile nav toggle button is toggled. This makes mobile sidebar menu styling easier.