WIKI TKJ - Recent changes [en]

MediaWiki:Mobile.js

Novy — Sat, 13 Jun 2026 02:20:48 GMT

Enable copy buttons on Minerva/mobile views

New page

/* Load copy-code enhancement for Minerva/mobile views too */
(function () {
function fallbackCopy(text) {
var textarea = document.createElement('textarea');
textarea.value = text;
textarea.setAttribute('readonly', 'readonly');
textarea.style.position = 'absolute';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
textarea.select();
try {
document.execCommand('copy');
} finally {
document.body.removeChild(textarea);
}
}

function copyText(text) {
if (navigator.clipboard && window.isSecureContext) {
return navigator.clipboard.writeText(text);
}
return new Promise(function (resolve) {
fallbackCopy(text);
resolve();
});
}

function flashButton(button, label) {
var original = button.getAttribute('data-original-label') || 'Copy';
button.textContent = label;
window.setTimeout(function () {
button.textContent = original;
}, 1400);
}

function enhanceCodeBlock(container) {
var pre = container.matches('pre') ? container : container.querySelector('pre');
if (!pre || pre.dataset.instantCopyReady === '1') {
return;
}
pre.dataset.instantCopyReady = '1';
var host = container.classList.contains('mw-highlight') ? container : pre;
var wrapper = document.createElement('div');
wrapper.className = 'oc-copy-wrap';
host.parentNode.insertBefore(wrapper, host);
wrapper.appendChild(host);
var button = document.createElement('button');
button.type = 'button';
button.className = 'oc-copy-button';
button.textContent = 'Copy';
button.setAttribute('data-original-label', 'Copy');
button.setAttribute('aria-label', 'Copy code block');
button.addEventListener('click', function () {
copyText(pre.innerText || pre.textContent || '')
.then(function () { flashButton(button, 'Copied'); })
.catch(function () { flashButton(button, 'Failed'); });
});
wrapper.appendChild(button);
}

function initCopyButtons(rootNode) {
var root = rootNode && rootNode.querySelectorAll ? rootNode : document;
var nodes = root.querySelectorAll('.mw-highlight, pre');
nodes.forEach(function (node) {
if (node.closest('.oc-copy-wrap')) {
return;
}
enhanceCodeBlock(node);
});
}

document.addEventListener('DOMContentLoaded', function () {
initCopyButtons(document);
});
}());

MediaWiki:Common.css

Novy — Sat, 13 Jun 2026 02:15:45 GMT

Add styles for code copy button

New page

.oc-copy-wrap {
position: relative;
margin: 0.6rem 0;
}

.oc-copy-wrap > pre,
.oc-copy-wrap > .mw-highlight {
margin: 0;
}

.oc-copy-button {
position: absolute;
top: 0.5rem;
right: 0.5rem;
z-index: 5;
border: 1px solid #c8ccd1;
background: rgba(255, 255, 255, 0.94);
color: #202122;
border-radius: 6px;
padding: 0.2rem 0.6rem;
font-size: 0.78rem;
line-height: 1.2;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.oc-copy-button:hover {
background: #f8f9fa;
}

.oc-copy-button:focus {
outline: 2px solid #36c;
outline-offset: 1px;
}

MediaWiki:Common.js

Novy — Sat, 13 Jun 2026 02:15:45 GMT

Add instant copy button for code blocks

New page