264
edits
MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
Replace zoom img
No edit summary |
(Replace zoom img) Tag: Reverted |
||
| Line 268: | Line 268: | ||
// toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default | // toggleImgs[0] to switch to custom, toggleImgs[1] to revert to default | ||
var | var zoomInSVG = ` | ||
<svg width="22" height="22" viewBox="0 0 24 24"> | |||
<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z | |||
M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8z | |||
M11 7H9v2H7v2h2v2h2v-2h2V9h-2z"/> | |||
</svg>`; | |||
var zoomOutSVG = ` | |||
<svg width="22" height="22" viewBox="0 0 24 24"> | |||
<path d="M15.5 14h-.8l-.3-.3a6.5 6.5 0 1 0-.7.7l.3.3v.8L20 21.5 21.5 20z | |||
M7 9h6v2H7z"/> | |||
</svg>`; | |||
var toggleSVG = ` | |||
<svg width="22" height="22" viewBox="0 0 24 24"> | |||
<path d="M5 4h14v2H5zm4 4h6l-2 12h-2z"/> | |||
</svg>`; | |||
// create DOM elements | // create DOM elements | ||
$('#content').prepend(` | |||
<div id="zoomButtons" style="z-index:9999; float:right; display:flex; gap:8px; cursor:pointer;"> | |||
<span id="zoomInIcon">${zoomInSVG}</span> | |||
<span id="zoomOutIcon">${zoomOutSVG}</span> | |||
<span id="toggleButton">${toggleSVG}</span> | |||
</div> | |||
`); | |||
// find DOM elements used later | // find DOM elements used later | ||
| Line 297: | Line 310: | ||
function toggle() { | function toggle() { | ||
useCustom = !useCustom; | useCustom = !useCustom; | ||
updateSize(); | updateSize(); | ||
} | } | ||