Aspect ratio of image thumbnails #28

Closed
opened 2019-01-14 11:42:11 +00:00 by sanj · 0 comments
Owner

The image thumbnails currently do not preserve aspect ratio.

Steps to reproduce:

See image thumbnails for random topic on front-page. Reduce the screen-size. Especially at smaller widths, as you resize, the height of the image remains constant, but the width changes, skewing the aspect ratio of the images (i.e. causing them to appear either stretched or compressed).

Expected behaviour:

Images should never change their aspect ratio. They should change height along-with width if needed to maintain aspect ratio and for images with a smaller width, remain horizontally centered in their container.

The image thumbnails currently do not preserve aspect ratio. Steps to reproduce: See image thumbnails for random topic on front-page. Reduce the screen-size. Especially at smaller widths, as you resize, the height of the image remains constant, but the width changes, skewing the aspect ratio of the images (i.e. causing them to appear either stretched or compressed). Expected behaviour: Images should never change their aspect ratio. They should change height along-with width if needed to maintain aspect ratio and for images with a smaller width, remain horizontally centered in their container.
Ghost closed this issue 2020-01-15 12:37:11 +00:00
Sign in to join this conversation.
No Label
Back-end
Css
React
Redux
No Milestone
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: 858/frontend#28
No description provided.