46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
import { $ } from 'meteor/jquery';
|
|
|
|
// Temporarily show and hide the element to enable dimension calculations
|
|
$.fn.tempShow = function(callback) {
|
|
const elementsToHide = [];
|
|
let current = this;
|
|
|
|
// Temporarily show all parent invisible elements until body
|
|
while (this.is(':hidden') && current !== document.body) {
|
|
const $element = this.parentsUntil(':visible').last();
|
|
if (!$element.length) {
|
|
break;
|
|
}
|
|
|
|
$element.addClass('visible');
|
|
current = $element[0];
|
|
elementsToHide.push(current);
|
|
}
|
|
|
|
if (typeof callback === 'function') {
|
|
callback(this);
|
|
}
|
|
|
|
$(elementsToHide).removeClass('visible');
|
|
|
|
return this;
|
|
};
|
|
|
|
// Adjust the max width/height to enable CSS3 transitions
|
|
$.fn.adjustMax = function(dimension) {
|
|
const $element = $(this);
|
|
$element.tempShow(() => {
|
|
// Add a class to remove the max restriction
|
|
const maxClass = `no-max-${dimension}`;
|
|
$element.addClass(maxClass);
|
|
|
|
// Get the dimension function to obtain the outer dimension
|
|
const dimensionFn = 'outer' + dimension.charAt(0).toUpperCase() + dimension.slice(1);
|
|
const value = $element[dimensionFn]();
|
|
|
|
// Remove the max restriction class and set the new max
|
|
const maxProperty = `max-${dimension}`;
|
|
$element.removeClass(maxClass).css(maxProperty, value);
|
|
});
|
|
};
|