MediaWiki:Gadget-Tooltip.js: Difference between revisions

Kuhlau (talk | contribs)
No edit summary
Kuhlau (talk | contribs)
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:
});
});


// Auto-positioning of floating tooltips, on desktop/hoverable only (maybe need to refine by skin so that it matches the css?)
// Auto-positioning of floating tooltips, on desktop only
if (mw.config.get('skin') !== 'minerva') {
if (mw.config.get('skin') !== 'minerva') {
mw.loader.using('oojs-ui-widgets').then(() => { // make sure the PopupWidget library is loaded
mw.loader.using('oojs-ui-widgets').then(() => { // make sure the PopupWidget library is loaded
Line 24: Line 24:
popup = new OO.ui.PopupWidget({
popup = new OO.ui.PopupWidget({
$content: $('<div>', { html: $content.html() }),
$content: $('<div>', { html: $content.html() }),
$container: $(document.body),
$container: $('body'),
$floatableContainer: $toggle,
anchor: true, // !isEE
anchor: true, // !isEE
});
});
Line 34: Line 35:
// [[T:Tt]]'s toggle effect
// [[T:Tt]]'s toggle effect
$wrapper.append(popup.$element);
$(document.body).append(popup.$element);
$toggle.on('click', ()=> { popup.toggle() });
$toggle.on('click', ()=> { popup.toggle() });