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

Ensure entry room logo is the same ratio as loading screen logo #6094

Merged
merged 2 commits into from
May 25, 2023

Conversation

nikk15
Copy link
Contributor

@nikk15 nikk15 commented May 24, 2023

The logo image size on the entry modal was inconsistent with the loading screen logo. This PR ensures they are equal in size.

@nickgrato
Copy link
Contributor

did you test this with long and wide images? I think if you have max- height and max-width it will warp the image ?

it's a small PR but add a description :)

@nickgrato nickgrato self-requested a review May 24, 2023 23:14
@nikk15
Copy link
Contributor Author

nikk15 commented May 25, 2023

did you test this with long and wide images? I think if you have max- height and max-width it will warp the image ?

I did! The object-fit property set to contain ensures that the image is not warped. Within those height and width bounds, the image will be contained fully with its natural aspect ratio.

Copy link
Contributor

@nickgrato nickgrato left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@nikk15 nikk15 merged commit 6f5d23e into master May 25, 2023
10 of 12 checks passed
@nikk15 nikk15 deleted the update-logo-width-on-entry branch May 25, 2023 21:12
@nikk15 nikk15 restored the update-logo-width-on-entry branch May 25, 2023 21:25
@nikk15 nikk15 deleted the update-logo-width-on-entry branch May 25, 2023 21:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants