extern/glance
1
0
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2025-06-22 10:51:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change masonry options source

Browse Source
This commit is contained in:
Svilen Markov 2024-10-15 16:04:22 +01:00
parent 3cfbe65855
commit 13700fe2b2
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
internal/assets/static/js/masonry.js
View File

@ -1,16 +1,17 @@
import { clamp } from "./utils.js"; import { clamp } from "./utils.js";
export function setupMasonries(options = {}, selector = ".masonry") { export function setupMasonries() {
options = { const masonryContainers = document.getElementsByClassName("masonry");
minColumnWidth: 300,
maxColumns: 6,
...options
};
const masonryContainers = document.querySelectorAll(selector);
for (let i = 0; i < masonryContainers.length; i++) { for (let i = 0; i < masonryContainers.length; i++) {
const container = masonryContainers[i]; const container = masonryContainers[i];
const options = {
minColumnWidth: container.dataset.minColumnWidth || 330,
maxColumns: container.dataset.maxColumns || 6,
};
const items = Array.from(container.children); const items = Array.from(container.children);
let previousColumnsCount = 0; let previousColumnsCount = 0;