MediaWiki:Common.js: Difference between revisions

Content added Content deleted
m (Testing updated spoiler UX)
mNo edit summary
Line 21: Line 21:
}
}
document.body.addEventListener('click', unblurSpoilerOnClick, true);
document.body.addEventListener('click', unblurSpoilerOnClick, true);


/* Adding functionality for generalised spoilers */
function unspoilOnClick() {
var mousedOver = document.querySelector(':hover.spoiler-inline');
if (mousedOver) {
mousedOver.classList.toggle("spoiled");
}
}
document.body.addEventListener('click', unspoilOnClick, true);

Revision as of 16:30, 23 April 2022

/* Any JavaScript here will be loaded for all users on every page load. */

if (mw.config.get('skin') == 'timeless') {
    $('#catlinks-sidebar').find(".mw-portlet-body").find("ul").wrap('<details class=\'catlinks-details\'></details>')
        .closest('details')
        .prepend('<summary class=\'catlinks-details-summary\'>Show full category list</summary>');

    $('#mw-normal-catlinks').find("ul").wrap('<details class=\'catlinks-details\'></details>')
        .closest('details')
        .prepend('<summary class=\'catlinks-details-summary\'>Show full category list</summary>');

    $('#catlinks').children().not('#mw-normal-catlinks').hide();
}

/* Adding functionality for unblurring spoilers by clicking on them*/
function unblurSpoilerOnClick() {
  var mousedOverBlur = document.querySelector(':hover.spoilerblur');
  if (mousedOverBlur) {
    mousedOverBlur.classList.remove("spoilerblur");
  }
}
document.body.addEventListener('click', unblurSpoilerOnClick, true);


/* Adding functionality for generalised spoilers */
function unspoilOnClick() {
  var mousedOver = document.querySelector(':hover.spoiler-inline');
  if (mousedOver) {
    mousedOver.classList.toggle("spoiled");
  }
}
document.body.addEventListener('click', unspoilOnClick, true);