holochain / website

jekyll website for holochain.org
48 stars 8 forks source link

fix grid layout flashing bug #10

Closed zippy closed 6 years ago

zippy commented 6 years ago

Peter says:

Here’s how you can solve, would you like me to fix it in staging so you can merge?

Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download at imagesloaded.desandro.com.

Initialize Masonry, then trigger layout after each image loads.

// init Masonry
var $grid = $('.grid').masonry({
  // options...
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress( function() {
  $grid.masonry('layout');
});

This didn't work for me, I got back to Peter

zippy commented 6 years ago

I've re implemented this using savvior, and resized the images now waiting for css tweaks for windows/IE 8/9 from @bboyatwork and then can deploy.