diff --git a/js/masonry-init.js b/js/masonry-init.js new file mode 100755 index 0000000..0cc1b42 --- /dev/null +++ b/js/masonry-init.js @@ -0,0 +1,7 @@ + +var elem = document.querySelector('.view-content'); +var msnry = new Masonry( elem, { + // options + itemSelector: '.views-row', + columnWidth: 400 +}); diff --git a/olivespostcards.libraries.yml b/olivespostcards.libraries.yml index f2ca50f..4c6f899 100755 --- a/olivespostcards.libraries.yml +++ b/olivespostcards.libraries.yml @@ -310,6 +310,7 @@ masonry: version: VERSION # Optional: track version js: js/masonry.pkgd.min.js: { minified: true } + js/masonry-init.js: { minified: true } dependencies: - core/jquery # Required for Masonry css: {} # Optional: if you need custom CSS diff --git a/templates/layout/page--postcards.html.twig b/templates/layout/page--postcards.html.twig index 49d2aef..6114b45 100755 --- a/templates/layout/page--postcards.html.twig +++ b/templates/layout/page--postcards.html.twig @@ -135,4 +135,3 @@ -