MediaWiki:Citizen.js: Difference between revisions
MediaWiki interface page
More actions
Created page with "→All JavaScript here will be loaded for users of the Citizen skin: $(function() { var header = document.querySelector('.citizen-header'); var drawer = header.querySelector('.citizen-drawer'); if (header && drawer) { // Create button container (same structure as other buttons) var buttonDiv = document.createElement('div'); buttonDiv.className = 'citizen-header__item'; var link = document.createElement('a');..." |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
$(function() { | $(function() { | ||
// Load FontAwesome | |||
var fa = document.createElement('link'); | |||
fa.rel = 'stylesheet'; | |||
fa.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css'; | |||
document.head.appendChild(fa); | |||
var header = document.querySelector('.citizen-header'); | var header = document.querySelector('.citizen-header'); | ||
var drawer = header.querySelector('.citizen-drawer'); | var drawer = header.querySelector('.citizen-drawer'); | ||
if (header && drawer) { | if (header && drawer) { | ||
var buttonDiv = document.createElement('div'); | var buttonDiv = document.createElement('div'); | ||
buttonDiv.className = 'citizen-header__item'; | buttonDiv.className = 'citizen-header__item'; | ||
var link = document.createElement('a'); | var link = document.createElement('a'); | ||
link.href = '/index.php/ | link.href = '/index.php/Special:CreatePage'; | ||
link.className = 'citizen-header__button'; | link.className = 'citizen-header__button'; | ||
link.title = ' | link.title = 'Create a new page'; | ||
link.innerHTML = '<span class="citizen-ui-icon" style="display:flex;align-items:center;justify-content:center;font-size:20px;color:oklch(80% 0.05 262.29);"><i class="fa-solid fa-file-circle-plus"></i></span>'; | |||
link.innerHTML = '<span class="citizen-ui-icon | |||
buttonDiv.appendChild(link); | buttonDiv.appendChild(link); | ||
drawer.after(buttonDiv); | |||
} | } | ||
}); | }); | ||
Latest revision as of 19:09, 5 February 2026
$(function() {
// Load FontAwesome
var fa = document.createElement('link');
fa.rel = 'stylesheet';
fa.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css';
document.head.appendChild(fa);
var header = document.querySelector('.citizen-header');
var drawer = header.querySelector('.citizen-drawer');
if (header && drawer) {
var buttonDiv = document.createElement('div');
buttonDiv.className = 'citizen-header__item';
var link = document.createElement('a');
link.href = '/index.php/Special:CreatePage';
link.className = 'citizen-header__button';
link.title = 'Create a new page';
link.innerHTML = '<span class="citizen-ui-icon" style="display:flex;align-items:center;justify-content:center;font-size:20px;color:oklch(80% 0.05 262.29);"><i class="fa-solid fa-file-circle-plus"></i></span>';
buttonDiv.appendChild(link);
drawer.after(buttonDiv);
}
});