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

Increase size of modal on smaller screens #3531

Merged
merged 1 commit into from Feb 7, 2023
Merged

Increase size of modal on smaller screens #3531

merged 1 commit into from Feb 7, 2023

Conversation

norbye
Copy link
Member

@norbye norbye commented Feb 7, 2023

Description

The new modal, although very pretty, was really small on smaller devices. This PR increases the height for screens that are shorter than 900px high, so that there is less whitespace on top and more visible contents.
It is also in general made a little bit wider.

Result

Before After
iPhone 12 Pro (390x844) image image
Surface Duo (540x720) image image
Screen longer than 900px image image

Testing

  • I have thoroughly tested my changes.

Went through all the usages of the modal component I could find and checked that looked fine


Resolves ABA-258

@linear
Copy link

linear bot commented Feb 7, 2023

@github-actions github-actions bot added the review-needed Pull requests that need review label Feb 7, 2023
Copy link
Member

@ivarnakken ivarnakken left a comment

Choose a reason for hiding this comment

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

Nice! I'm all for responsive web design 😛

app/routes/photos/components/GalleryPictureModal.css Outdated Show resolved Hide resolved
@ivarnakken ivarnakken added bug-fix Pull requests that fix a bug approved Pull requests that have been approved and removed review-needed Pull requests that need review labels Feb 7, 2023
@github-actions github-actions bot added the review-needed Pull requests that need review label Feb 7, 2023
@norbye norbye enabled auto-merge February 7, 2023 22:56
@norbye norbye merged commit f612a09 into master Feb 7, 2023
@norbye norbye deleted the modal-resize branch February 7, 2023 23:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Pull requests that have been approved bug-fix Pull requests that fix a bug review-needed Pull requests that need review
Projects
None yet
4 participants