Image on item page pop-up displayed very small in mobile layout #1258
Description
First Check
- This is not a feature request
- I added a very descriptive title to this issue.
- I used the GitHub search to find a similar issue and didn't find it.
- I searched the documentation, with the integrated search.
- I already read the docs and didn't find an answer.
- I can replicate the issue inside the Demo install.
Homebox Version
0.22.3
What is the issue you are experiencing?
When viewed in a mobile browser (Chrome, Firefox, mobile simulator on desktop Chrome), the image is displayed very tiny. Smaller than the image appears when you just access the page. There is plenty of real estate around it, so ideally it would go to the edge of the screen in portrait mode at 100% of screen width, and at its maximum height in landscape mode so it hits the edge of the screen. Or, I guess smaller depending on generated thumbnail size. This seems like a CSS thing to me.
The reddish lightbulb screenshot below was captured on a Samsung Galaxy A15. My thumbnails are generated at the default 500px. The second image was captured on the nightly demo site in Chrome dev tools.
How can the maintainer reproduce the issue?
- I guess make sure thumbnails are being generated at a reasonable size.
- Access a HomeBox install in a mobile browser or in Chrome dev tools (F12)
- Go to an item with a photo that should be large enough to display at nearly full res on a mobile screen.
- Notice that it takes up a small percentage of the available screen width in portrait, and screen height in landscape.
Deployment
Docker (Linux)
Database Type
SQLite
OS Architechture
x86_64 (AMD, Intel)
Deployment Details
DigitalOcean, Docker container, Ubuntu Linux 22.04.5 LTS