🐛 Bug Report: File preview is stretched when viewing on mobile

[m1ga]

👟 Reproduction steps

Upload a file and open the preview.
When you open the file preview on a small screen the image is stretched. See screenshot below.

👍 Expected behavior

Image shouldn't be stretched:

👎 Actual Behavior

🎲 Appwrite version

Version 0.10.x

💻 Operating system

Linux

🧱 Your Environment

Firefox 92

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[m1ga]

It can be fixed by adding
object-fit: contain to

appwrite/public/styles/forms.less

Lines 407 to 415 in 613684a

	.file-preview {
	background: var(--config-color-background-input) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQoU2NkYGAwZsAEZ9GFGIeIQix+wfQgyDODXSEAcUwGCrDSHgkAAAAASUVORK5CYII=) !important;
	border: solid 1px #e2e2e2;
	box-shadow: inset 0 0 3px #a0a0a0;
	border-radius: 8px;
	width: ~"calc(100% - 2px)";
	max-height: 180px;
	visibility: visible !important;
	}

If you want me to do it please assign me to this ticket and I'm happy to apply the patch

[eldadfux]

@m1ga I have assigned you, feel free to reach out if you need any help 👍

[TorstenDittmann]

This got released now! Thanks a lot for your contribution @m1ga 👏🏻