hugo-easy-gallery icon indicating copy to clipboard operation
hugo-easy-gallery copied to clipboard

For anyone struggling to make a grid, here's my active fork

Open Darthagnon opened this issue 3 years ago • 4 comments

Li-Wen Yip's example has a nice square grid for Easy Gallery photos. However, if you try and use Hugo Easy Gallery, you'll find it does not render a square grid, but an ugly rectangular grid with loads of whitespace. This is because it has an undocumented dependency on Bootstrap CSS v3.7.7, as used by Beautiful Hugo, the theme Li-Wen Yip used on his website.

I wasted 7+ hours of my life fixing this stupid thing, and have implemented it in my active fork. I'm mainly merging in pull requests, as well as some small fixes and this one big fix; pull requests welcome and appreciated.

Darthagnon avatar Jan 02 '23 04:01 Darthagnon

Screenshots:

How it looks, as-is, from this repo:

chrome_oIXMoHMnxW

How it looks with Bootstrap integrated (and also on Li-Wen's website)

chrome_vWqrRJJCO1

Darthagnon avatar Jan 02 '23 04:01 Darthagnon

Said it on Reddit aswel, but: thanks!! I use this with Hyde theme and I have the same issues as you describe. Will check out your fork soon!

iroQuai avatar Jan 02 '23 13:01 iroQuai

Very Cool, I'll try your fork.

no-budy avatar Jan 31 '23 18:01 no-budy

@Darthagnon I tried your active fork (production) on the hugo-fresh theme following the instructions for manual installation and theme integration, but I am still facing the same issue (See screenshot below). Any advice on how to fix it?

Thank you!

image

jsacerot avatar Apr 01 '23 03:04 jsacerot