MediaWiki:Citizen.js: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| 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'); | ||
| Line 8: | Line 14: | ||
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;"><i class="fa-solid fa-file-circle-plus"></i></span>'; | |||
link.innerHTML = '<span class="citizen-ui-icon" style="display:flex;align-items:center;justify-content:center;">< | |||
buttonDiv.appendChild(link); | buttonDiv.appendChild(link); | ||
Revision as of 18:58, 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;"><i class="fa-solid fa-file-circle-plus"></i></span>';
buttonDiv.appendChild(link);
header.insertBefore(buttonDiv, drawer);
}
});