From 3cad0ea3c7040af6262021d82ea30a9b0f9fb48e Mon Sep 17 00:00:00 2001 From: Thomas Menari Date: Thu, 24 Jan 2013 21:52:38 +0000 Subject: [PATCH 1/2] Remove columnwidth --- views/profile/profile_grid.jade | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/views/profile/profile_grid.jade b/views/profile/profile_grid.jade index 3cca9cc..981b4d0 100644 --- a/views/profile/profile_grid.jade +++ b/views/profile/profile_grid.jade @@ -6,8 +6,7 @@ block content var $container = $('.thumbnails'); $container.imagesLoaded(function(){ $container.masonry({ - itemSelector : '.item', - columnWidth : 240 + itemSelector : '.item' }); }); div.page-header.profile_page-header From 114b0fd09cbc51c5b17a1410263a80b489b2012c Mon Sep 17 00:00:00 2001 From: Thomas Menari Date: Thu, 24 Jan 2013 22:34:34 +0000 Subject: [PATCH 2/2] derp --- public/styles.css | 2 +- views/profile/profile_grid.jade | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/public/styles.css b/public/styles.css index 671d5c3..7d6fcc2 100644 --- a/public/styles.css +++ b/public/styles.css @@ -216,7 +216,7 @@ div.imgwrap > img { -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } - + .thumbnail:hover > div.imgwrap > img { opacity: 0.5; } diff --git a/views/profile/profile_grid.jade b/views/profile/profile_grid.jade index 3cca9cc..2436b04 100644 --- a/views/profile/profile_grid.jade +++ b/views/profile/profile_grid.jade @@ -3,11 +3,12 @@ extends ../layout block content script(src='http://masonry.desandro.com/jquery.masonry.min.js') script - var $container = $('.thumbnails'); - $container.imagesLoaded(function(){ - $container.masonry({ - itemSelector : '.item', - columnWidth : 240 + $(function() { + var $container = $('.thumbnails'); + $container.imagesLoaded(function(){ + $container.masonry({ + itemSelector : '.thumbnails > li', + }); }); }); div.page-header.profile_page-header