A user, pacharanero, reported that images in the ‘fancy styling’ version of Category cards have become very small (40px x 40px) after a recent update. Previously, the images were full width and square. pacharanero attempted to fix the issue with CSS but was unsuccessful. Canapin discovered the cause to be a change in Discourse core SCSS and provided a temporary override solution. The fix was successfully applied by pacharanero. However, StefanoCecere suggested that this fix should be the default behavior. awesomerobot stated that this is aligned with Discourse’s default behavior for category images in the “boxes with subcategories” style and does not plan to change it unless the upstream behavior changes.
Since the TC was updated (I pulled the update today) the images in the ‘fancy styling’ version of the Category cards have gone very small. Looks like they have dropped down to 40px x 40px.
Previously this image was the full width of the card, and square (so took up an equal amount of vertical space). It is now comically small!
I’ve had a look at the git diff of the two commits that were added since the last one and TBH not being familiar with the codebase I couldn’t see anything that looked like it might be the culprit. In the short term I am trying to fix it with CSS…
I have spent some time fiddling with the sizes of the image, the .category-logo .aspect-image container, and that general area of the cards, and I cannot find any change that seems to affect the size of the image. (The only odd thing about my setup is that I used flexbox to allow 4 cards across the page rather than three, but this shouldn’t really affect things - and indeed reverting the flexbox setting doesn’t fix the small images problem)
This is aligned with how category images are handled in Discourse for the “boxes with subcategories” style, so I don’t plan on changing this unless there’s a change in the default behavior upstream.
