MediaWiki:Citizen.js: Difference between revisions

Latest revision as of 14:35, 20 July 2026

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

    var link = document.createElement('a');
    link.href = '/index.php/Special:PageCreationWizard';
    link.className = 'citizen-header__create-page';
    link.setAttribute('role', 'button');
    link.title = 'Create a new page';
    link.setAttribute('aria-label', 'Create a new page');
    link.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m5 10v3H8v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>';

    headerStart.prepend(link);
});

@@ Line 1: / Line 1: @@
-$(function() {
+$(function () {
-    // Load FontAwesome
+     var headerStart = document.querySelector('.citizen-header__start');
-     var fa = document.createElement('link');
+     if (!headerStart) {
-    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;"><i class="fa-solid fa-file-circle-plus"></i></span>';
-        buttonDiv.appendChild(link);
-        drawer.after(buttonDiv);  // Insert after the drawer
      }
+    var link = document.createElement('a');
+    link.href = '/index.php/Special:PageCreationWizard';
+    link.className = 'citizen-header__create-page';
+    link.setAttribute('role', 'button');
+    link.title = 'Create a new page';
+    link.setAttribute('aria-label', 'Create a new page');
+    link.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m5 10v3H8v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>';
+    headerStart.prepend(link);
 });