packery
packery copied to clipboard
metafizzy
separate options for gutterWidth and gutterHeight
Right now gutter is a single option that controls both the vertical gutter and horizontal gutter between item elements. Having separate options for gutterWidth and gutterHeight would allow you to control these values separately.
Please +1 if you'd like to see this feature.
Solution might be to give the smallest amount with the options. And provide extra needed margin via CSS for ie the bottom.
I would love to have this feature, too - I am using packery in a responsive layout and smaller boxes stacked upon each other don't align with the taller boxes, just as in http://codepen.io/desandro/pen/pBlIw
I tried to extend packery with a gutterHeight option for responsive layouts and it seems to almost work, at least with pixel values. When you resize http://codepen.io/magrolino/pen/yGdzk the vertical Gutter stays the same and is different from the horizontal gutter.
However, when I drag and drop the tiles vertically, the more I drag an item the more it is positioned too far down (like I missed taking the vertical gutter being taken into account when positioning / dragging an element to a new position, after window resize it fits again).
Am i completely off or is there a possible solution out there, at least with fixed pixel values?
p.s.: please forgive the brute approach for extending the options...
I did not add a fallback (yet) when no gutterHeight is provided, but resizing in both directions works and so does browser-resizing, too. But I have a problem in combination with dragabilly - drag (and drop) within first row works perfectly, but in rows > 1 the positioning is off, like there is an additional padding / gutter added to the drop target (and I cannot find out where). I tried to show the behaviour in a screencast, I used a gutterHeight of 20px (you can see in the very narrow window-width that the gutterHeight is different from width, which is 2%):
https://dl.dropboxusercontent.com/u/81358/jing/packery-gutterHeight-bug.mp4
Fun thing: if I position a tile "wrong", resizing the browser window re-places it correctly. Can somebody point me in the right direction?
Can everyone please stop adding +1 comments to this ticket? At this point they add no useful value, and they only cause a lot of useless email to be send to everyone.
@desandro, perhaps you can lock this discussion?
It appear that this feature would be really helpfull. I think this space cannot be in percent vertically speaking because we never sizing the grid item with a percent value for height. After almost 3 years, where is this wonderful feature ?? Or is there anyway to disactivate the vertical gutter and manage it by ourselves ?
And by the way : +1 :)
