MediaWiki:Citizen.js - Revision history

DivošiRunner: Restore theme-aware Discord and Roblox icons in Citizen navigation

2026-10-05T15:40:58Z

Restore theme-aware Discord and Roblox icons in Citizen navigation

@@ 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. */
-// Discord button in Citizen header
+// Community shortcuts using Citizen's current header button markup.
 $( function () {
-	const $drawer = $( '.citizen-drawer' );
+	const drawer = document.querySelector( '.citizen-drawer' );
 		return;
+	}
-		href: 'https://discord.gg/sarkic',
+		{ name: 'discord', label: 'Join us on Discord!', href: 'https://discord.gg/sarkic' },
 } );

2026-04-03T11:34:27Z

oop

← Older revision		Revision as of 11:34, 3 April 2026
Line 5:		Line 5:
	const $drawer = $( '.citizen-drawer' );		const $drawer = $( '.citizen-drawer' );

	// Abort if header isn't present or button already exists
	if ( !$drawer.length \|\| $( '.citizen-discord' ).length ) {		if ( !$drawer.length \|\| $( '.citizen-discord' ).length ) {
	return;		return;
Line 19:		Line 18:
	} ).append(		} ).append(
	$( '<div>', { class: 'citizen-discord__button citizen-header__button' } ).append(		$( '<div>', { class: 'citizen-discord__button citizen-header__button' } ).append(
	$( '<span>', { ~~class: 'disc-icon', 'aria-hidden': 'true' } ),~~		$( '<span>', {
	~~$( '<span>', {~~ class: 'citizen-~~discord__text~~', ~~text: 'Discord' } )~~		class: 'disc-icon citizen-header__buttonIcon',
			'aria-hidden': 'true'
			} )
	)		)
	);		);

2026-04-03T11:32:00Z

Fix URL

@@ Line 1: / Line 1: @@
 /* All JavaScript here will be loaded for users of the Citizen skin */
-// Discord Button
+// Discord button in Citizen header
-$(document).ready( function () {
+$( function () {

2025-05-31T00:40:21Z

← Older revision		Revision as of 00:40, 31 May 2025
Line 3:		Line 3:
	// Discord Button		// Discord Button
	$(document).ready( function () {		$(document).ready( function () {
	$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="~~Discord~~"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));		$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="https://discord.gg/FYN4ucQKvq"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));
	});		});

2025-05-31T00:37:30Z

← Older revision		Revision as of 00:37, 31 May 2025
Line 3:		Line 3:
	// Discord Button		// Discord Button
	$(document).ready( function () {		$(document).ready( function () {
	$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="{{Discord~~\|Join our Discord}}~~"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));		$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="Discord"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));
	});		});

2025-05-31T00:37:05Z

← Older revision		Revision as of 00:37, 31 May 2025
Line 3:		Line 3:
	// Discord Button		// Discord Button
	$(document).ready( function () {		$(document).ready( function () {
	$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="~~https://discord.gg/gdqpZhYzZ8~~"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));		$('.citizen-drawer').after($('<div class="citizen-discord citizen-header__item"><a href="{{Discord\|Join our Discord}}"><div class="citizen-discord__button citizen-header__button"><div class="disc-icon"><label id="citizen-discord__buttonCheckbox" class="mw-checkbox-hack-button citizen-header__buttonCheckbox" for="citizen-discord__checkbox" title="Join us on Discord!" aria-hidden="true"><span>Join us on Discord!</span></label></div></div></a></div>'));
	});		});