fix(shs-5179): adding missing style settings

[mndonx]

READY FOR REVIEW

Summary

This PR fixes an issue where the vertical card linked image style is missing any settings at mobile sizes.

Urgency

medium

Steps to Test

1. Visit a page like: https://southasia.suhumsci.loc/
2. Note that there is now a preset for the smallest width here where there was not before:
   https://southasia.suhumsci.loc/admin/config/media/image-styles/manage/postcard_vertical_linked_465px_

Before:

Because of the nature of local testing, I'm having trouble ensuring that it is creating new images properly. I flushed the images, but I don't know if it can create new images locally? Right now, for me, they are showing up broken.

PR Checklist

• PR Checklist
• Humsci Basic PR Checklist

[mndonx]

@cienvaras This first fix is ready for review. There was no configuration associated with the smallest Postcard Vertical Linked image style, so it was displaying the original image at small widths, I believe. Or maybe it shows the fallback image style image -- either way, this fix will probably improve load times quite a bit at mobile for many sites.

The other issue I found with image styles involves departments overriding the default Publication views, choosing the incorrect image style for the publication images.

Here's the default using the "Publications Grid" responsive image style:

And here's the English site's "homepage bookshelf" configuration

I believe this listing (and others, perhaps) should use the same responsive image style as the "publications grid" and that fix will save some pixels.

However, I don't believe that's in our domain to fix, since it is a views override. Am I correct about that? Once I hear back about that, I'll write up something a little more detailed for the Clickup ticket.

Thank you!
Amanda

[cienvaras]

@mndonx First of all, sorry for the delay in reviewing this PR, there was a lot in the queue this week 😅

The image style update works as expected, I'm merging this PR in the release branch. And you're right, fixing the view(s) is not in our hands, the H&S team should do those changes manually. Please add your findings to the ClickUp ticket.

[cienvaras]

@mndonx btw, for testing this locally, the best way to go is to upload a new image that doesn't exists in the live site. In local stage file proxy is enabled, so it will pull all existing images from the live site. That's why flushing doesn't work.