MediaWiki:Gadget-GlobalScript.js: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 21: | Line 21: | ||
var onlyVideos = videos.length == boxes.length ? true : false; | var onlyVideos = videos.length == boxes.length ? true : false; | ||
videos.each(function(ii, video) { | videos.each(function(ii, video) { | ||
if ( | if (onlyVideos) | ||
$(video).css(' | $(video).css('height', 'auto'); | ||
$(video).parent().css( | $(video).parent().css('max-width', 'calc(100% - 30px)'); | ||
}); | }); | ||
var timeOut = onlyVideos ? | var timeOut = onlyVideos ? 1000 : 0; | ||
setTimeout(function() { | setTimeout(function() { | ||
var height = 0; | var height = 0; | ||
Line 34: | Line 34: | ||
videos.each(function(ii, video) { | videos.each(function(ii, video) { | ||
maxHeight = height - 30; | maxHeight = height - 30; | ||
$(video).parent().parent().css({'height': height, 'display': 'flex'}); | $(video).parent().parent().css({'height': height, 'display': 'flex'}); | ||
$(video).parent().css({'width': '100%', 'min-width': '125px', 'margin': 'auto'}); | |||
$(video).css({'height': 'auto', 'max-height': maxHeight}); | |||
}); | }); | ||
}, timeOut); | }, timeOut); | ||
}); | }); | ||
}); | }); |
Revision as of 16:32, 22 February 2023
/* Any JavaScript here will be loaded for all skins on both desktop and mobile */
/* Add autocollapse support to mw-collapsible */
function mwCollapsibleSetup($collapsibleContent) {
var $element, autoCollapseThreshold = 2;
$.each($collapsibleContent, function(index, element) {
$element = $(element);
if ($collapsibleContent.length >= autoCollapseThreshold && $element.hasClass('autocollapse'))
$element.data('mw-collapsible').collapse();
});
}
mw.hook('wikipage.collapsibleContent').add(mwCollapsibleSetup);
/* Gallery videos */
$(function() {
$('.gallery').each(function(i, gallery) {
var videos = $(gallery).find('.gallerybox video');
if (!videos.length)
return;
var boxes = $(gallery).find('.gallerybox');
var onlyVideos = videos.length == boxes.length ? true : false;
videos.each(function(ii, video) {
if (onlyVideos)
$(video).css('height', 'auto');
$(video).parent().css('max-width', 'calc(100% - 30px)');
});
var timeOut = onlyVideos ? 1000 : 0;
setTimeout(function() {
var height = 0;
$(gallery).find('.gallerybox .thumb').each(function(ii, thumb) {
if ($(thumb).innerHeight() > height)
height = $(thumb).innerHeight();
});
videos.each(function(ii, video) {
maxHeight = height - 30;
$(video).parent().parent().css({'height': height, 'display': 'flex'});
$(video).parent().css({'width': '100%', 'min-width': '125px', 'margin': 'auto'});
$(video).css({'height': 'auto', 'max-height': maxHeight});
});
}, timeOut);
});
});