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
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/Your_Page';
         link.href = '/index.php/Special:CreatePage';
         link.className = 'citizen-header__button';
         link.className = 'citizen-header__button';
         link.title = 'My Custom Button';
         link.title = 'Create a new page';
          
          
        // Match Citizen's icon pattern: mw-ui-icon-NAME + mw-ui-icon-wikimedia-NAME
         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;"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor"><path d="M15.5 3H11l-1-1H4.5A1.5 1.5 0 003 3.5v13A1.5 1.5 0 004.5 18h11a1.5 1.5 0 001.5-1.5V4.5A1.5 1.5 0 0015.5 3zM14 11h-3v3H9v-3H6V9h3V6h2v3h3v2z"/></svg></span>';
 
          
          
         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);
    }
});