MediaWiki:Citizen.js: Difference between revisions
MediaWiki interface page
More actions
Fix alignment (citizen-header__start + cdx-button classes) and replace FA icon with inline SVG to eliminate blink (via update-page on MediaWiki MCP Server) |
Drop cdx-button classes in favour of custom class styled in Citizen.css (via update-page on MediaWiki MCP Server) |
||
| Line 1: | Line 1: | ||
$(function () { | $(function () { | ||
var headerStart = document.querySelector('.citizen-header__start'); | var headerStart = document.querySelector('.citizen-header__start'); | ||
if (!headerStart) { | if (!headerStart) { | ||
| Line 9: | Line 7: | ||
var link = document.createElement('a'); | var link = document.createElement('a'); | ||
link.href = '/index.php/Special:CreatePage'; | link.href = '/index.php/Special:CreatePage'; | ||
link.className = 'citizen-header__create-page'; | |||
link.className = ' | |||
link.title = 'Create a new page'; | link.title = 'Create a new page'; | ||
link.setAttribute('aria-label', '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>'; | 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); | headerStart.prepend(link); | ||
}); | }); | ||
Revision as of 11:16, 25 June 2026
$(function () {
var headerStart = document.querySelector('.citizen-header__start');
if (!headerStart) {
return;
}
var link = document.createElement('a');
link.href = '/index.php/Special:CreatePage';
link.className = 'citizen-header__create-page';
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);
});