search

pacollins / hugo-future-imperfect-slim

Multilingual Blogging Theme for Hugo | Check the Wiki for Documentation
https://themes.gohugo.io/hugo-future-imperfect-slim/
Other
303 stars 194 forks source link

ENHANCEMENT: Update Image Gallery #165

Open pacollins opened 4 years ago

pacollins commented 4 years ago

The second thing I noticed is that some images do not seem to work properly anymore. I am using this gallery plugin: https://github.com/liwenyip/hugo-easy-gallery

Actually the images with captions look very awesome, but some of the others are just collapsed: https://twatzl.eu/blog/2020-04-15_moon_hdr/

Interestingly enough on my local machine they are not quite as broken as on my server. image

Originally posted by @twatzl in https://github.com/pacollins/hugo-future-imperfect-slim/pull/154#issuecomment-658446810

So after wasting way too much of my lifetime with css I got a somewhat satisfying solution. I used flexbox a lot. Actually only had to remove 2 lines from your scss file to make everything work. I think it looks quite nice, only on mobile devices it does not look as expected, however that is an issue for another day.

Here is what I changed. I did it by trial and error. Maybe it helps you in finding a generic solution. gallery-css-fix.patch.txt css-figure-fix.patch.txt

Originally posted by @twatzl in https://github.com/pacollins/hugo-future-imperfect-slim/pull/154#issuecomment-658952476

kdbruin commented 4 years ago

I'm using Folder-based gallery for Hugo and without changes nicely integrates with the overall design.

Note that I'm using page bundles where I have my images but when getting images from the static folder, some changes will be required.

pacollins commented 4 years ago

Thanks for the suggestion! I will add it to the list of things we are going to look at!