colcade
colcade copied to clipboard
desandro
Lightweight masonry layout
Works great on initial page load for creating a masonry blog layout, but when clicking 'load more' (ajax-ing the new posts on to the page) the majority of new items...
``` .ui-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-left: auto; margin-right: auto; } .ui-grid-item { display: grid; gap: 10px; } .ui-grid-item img { width: 100%; border-radius: 10px; display: block;...
I've used Colcade on multiple projects and it's always worked great! However on a new Ionic app in Vue3, the items are getting prepended at the beginning after loading more...
Here's my code: ``` import React from 'react'; import { makeStyles, Link } from '@material-ui/core'; import Colcade from 'colcade'; import { Link as RouterLink } from 'react-router-dom'; import CloudinaryImage from...
when I try display:none on element it still include it in layout Its need when using colcade with filter layout ...
When Testing images demo [http://codepen.io/desandro/full/pyYxvz/](http://codepen.io/desandro/full/pyYxvz/) in Chrome I've noticed images rendered in a random fashion. Almost every time I refresh the screen images end up in different columns. In addition...
Am attempting to replace Masonry with Colcade in an AngularJS project, and cannot make it work as expected. wondering if anyone has advice. The natural approach is to do an...
I use a 3 column setup for test purposes. It's for rendering a WordPress Blogroll. I use Colcade together with imageLoaded, but the articles are unevenly distributed. Anyone with an...
Hi. Fistly thank you for making this! Hopefully this is an issue on my end. I have items that are being loaded via ajax. I have this `success : function(...
Right now Colcade needs always an active column to work without errors. But sometimes you don't want to have an active column on some viewports (without destroying colcade), so it...
