32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
import $ from 'jquery';
|
|
import imagesLoaded from 'imagesloaded';
|
|
|
|
$(document).ready(function () {
|
|
function resizeGridItem(item) {
|
|
var grid = document.getElementsByClassName("note-card-holder")[0];
|
|
var rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'));
|
|
var rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap'));
|
|
var rowSpan = Math.ceil((item.querySelector('.item').getBoundingClientRect().height + rowGap) / (rowHeight + rowGap));
|
|
item.style.gridRowEnd = "span " + rowSpan;
|
|
}
|
|
|
|
function resizeAllGridItems() {
|
|
var allItems = document.getElementsByClassName("note-card");
|
|
for (var x = 0; x < allItems.length; x++) {
|
|
resizeGridItem(allItems[x]);
|
|
}
|
|
}
|
|
|
|
function resizeInstance(instance) {
|
|
var item = instance.elements[0];
|
|
resizeGridItem(item);
|
|
}
|
|
|
|
// window.onload = resizeAllGridItems();
|
|
window.addEventListener("resize", resizeAllGridItems);
|
|
|
|
var allItems = document.getElementsByClassName("note-card");
|
|
for (var x = 0; x < allItems.length; x++) {
|
|
imagesLoaded(allItems[x], resizeInstance);
|
|
}
|
|
});
|