Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add tiled grid options to Overviews and Galleries #107

Open
hugopeek opened this issue Apr 4, 2017 · 1 comment
Open

Add tiled grid options to Overviews and Galleries #107

hugopeek opened this issue Apr 4, 2017 · 1 comment

Comments

@hugopeek
Copy link
Owner

hugopeek commented Apr 4, 2017

Could use Masonry / Isotope in later iterations, but the primary goal is to display image grids without a gutter between the items.

I already started experimenting on Person and Project overviews by adding a Tiled template variant, but I can't recall if that got implemented in core..

Main challenge is to decide how to include the images. CSS background images offer more design flexibility, but backend implementation is a bit hacky. An alternative could be to use the object-fit technique on regular <img> tags. That way, things like 'background-size: contain' can be used on the image tag as well, but it will require a polyfill for IE.

Also consider the upcoming implementation of responsive images: hugopeek/romanesco-patterns#71

@hugopeek
Copy link
Owner Author

hugopeek commented Apr 4, 2017

Link to object-fit technique: https://css-tricks.com/almanac/properties/o/object-fit/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant