Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.js: Difference between revisions

MediaWiki interface page
No edit summary
Fix button alignment (insert into citizen-header__end) and remove FA JS injection (moved to CSS) (via update-page on MediaWiki MCP Server)
Line 1: Line 1:
$(function() {
$(function () {
    // Load FontAwesome
     var headerEnd = document.querySelector('.citizen-header__end');
    var fa = document.createElement('link');
     if (!headerEnd) {
    fa.rel = 'stylesheet';
         return;
    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);
     }
     }
    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);
    headerEnd.prepend(buttonDiv);
});
});

Revision as of 10:55, 25 June 2026

$(function () {
    var headerEnd = document.querySelector('.citizen-header__end');
    if (!headerEnd) {
        return;
    }

    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);
    headerEnd.prepend(buttonDiv);
});