Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card: Image not stretching image height and width #3542

Closed
fergusmeiklejohn opened this issue Apr 1, 2019 · 2 comments
Closed

Card: Image not stretching image height and width #3542

fergusmeiklejohn opened this issue Apr 1, 2019 · 2 comments
Assignees
Labels

Comments

@fergusmeiklejohn
Copy link

Bug Report

Steps

Card component with Image, use a low res image and it will stretch width to fit the Card width but not height to match

Expected Result

Semantic UI will stretch lower res images width and height to make all images the same square size

Actual Result

Image that is too low resolution for a Card is stretched in width to fit the Card but not stretched in height so it becomes distorted as a rectangle

Version

0.86.0

Testcase

https://codesandbox.io/embed/w6qm746j57

@welcome
Copy link

welcome bot commented Apr 1, 2019

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

@fergusmeiklejohn
Copy link
Author

fergusmeiklejohn commented Apr 1, 2019

Tested with 'stackable': result is different, when the Card stacks in mobile view, if the native resolution of the image is too small it will not distort, instead it will mount in its native res in the top left corner of the Card

@layershifter layershifter changed the title Card Image not stretching image height and width as SemUI does Card: Image not stretching image height and width as SemUI does Apr 3, 2019
@triage-new-issues triage-new-issues bot removed the triage label Apr 8, 2019
@layershifter layershifter self-assigned this Apr 8, 2019
@layershifter layershifter changed the title Card: Image not stretching image height and width as SemUI does Card: Image not stretching image height and width Apr 8, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants