Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Unusable images in admin-ui in case of custom asset server
See original GitHub issueDescribe the bug
If you use custom asset strategies or/and custom asset server where you don’t need different set of image thumbnails, you will get something like this over the admin-ui:
It can be fixed by applying following attributes to image:
object-fit: cover;
width: 100%;
height: 100%;
I’m not good at frontend, but seems object-position attribute can be also helpful to implement focal point.
To Reproduce Steps to reproduce the behavior:
- Implement asset strategies to avoid local thumbnail creation.
- Go to admin-ui
- Go to product list
- See error
Expected behavior Correct size of asset images
Environment (please complete the following information):
- @vendure/core version: 1.5.0
- Nodejs version 14
- Database (mysql/postgres etc): postgres
Issue Analytics
- State:
- Created a year ago
- Comments:6 (5 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@michaelbromley I also cannot reproduce it, sorry for wasting valuable time… Not sure what went wrong on my end, I believe I was pretty thorough with deleting generated admin ui files.
Anyhow, this issue can be closed! 🥇
I cannot reproduce what you see @martijnvdbrug on the current master branch. Here’s a screenshot where you can see the intrinsic size of the image is 1600x1067, yet the
.content-area imgstyling is forcing it to fit in its container.