Browse Source

added masonry

master
rdrew 2 months ago
parent
commit
1e886d9586
  1. 7
      js/masonry-init.js
  2. 1
      olivespostcards.libraries.yml
  3. 1
      templates/layout/page--postcards.html.twig

7
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
});

1
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

1
templates/layout/page--postcards.html.twig

@ -135,4 +135,3 @@
</div>
</div>

Loading…
Cancel
Save