MediaWiki:Jotunnheim.js - Revision history

Autumn: Add responsive Jotunnheim menu and table of contents controls

2026-09-27T01:07:49Z

Add responsive Jotunnheim menu and table of contents controls

← Older revision		Revision as of 20:07, 26 September 2026
Line 154:		Line 154:
	return element.getClientRects().length > 0;		return element.getClientRects().length > 0;
	});		});
			var toggleButton = openPanel === 'menu' ? menuButton : tocButton;
	if (!focusable.length) {		if (!focusable.length) {
	event.preventDefault();		event.preventDefault();
	~~panel~~.focus();		toggleButton.focus();
	return;		return;
	}		}
	var first = focusable[0];		var first = focusable[0];
	var last = focusable[focusable.length - 1];		var last = focusable[focusable.length - 1];
	if (~~!panel.contains(document.activeElement) \|\|~~ document.activeElement === ~~panel~~) {		if (document.activeElement === toggleButton) {
	event.preventDefault();		event.preventDefault();
	(event.shiftKey ? last : first).focus();		(event.shiftKey ? last : first).focus();
			} else if (!panel.contains(document.activeElement) \|\| document.activeElement === panel) {
			event.preventDefault();
			(event.shiftKey ? toggleButton : first).focus();
	} else if (event.shiftKey && document.activeElement === first) {		} else if (event.shiftKey && document.activeElement === first) {
	event.preventDefault();		event.preventDefault();
	~~last~~.focus();		toggleButton.focus();
	} else if (!event.shiftKey && document.activeElement === last) {		} else if (!event.shiftKey && document.activeElement === last) {
	event.preventDefault();		event.preventDefault();
	~~first~~.focus();		toggleButton.focus();
	}		}
	}		}

Autumn: Add responsive Jotunnheim menu and table of contents controls

2026-09-27T01:03:53Z

Add responsive Jotunnheim menu and table of contents controls

Show changes

Autumn: Place Jotunnheim article contents in a sticky left column

2026-09-26T04:41:40Z

Place Jotunnheim article contents in a sticky left column

New page

/* Place the article TOC before the body so preceding infoboxes cannot push it down. */
(function () {
function placeToc() {
var main = document.querySelector('body.skin-jotunnheim main#content');
var content = main && main.querySelector('.mw-body-content');
var toc = content && content.querySelector('#toc');
if (!toc || main.querySelector('.jth-toc-column')) {
return;
}

var column = document.createElement('div');
column.className = 'jth-toc-column';
content.parentNode.insertBefore(column, content);
column.appendChild(toc);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', placeToc, { once: true });
} else {
placeToc();
}
}());