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

small cleanup of small modal size #2629

Merged
merged 1 commit into from Apr 12, 2022
Merged

small cleanup of small modal size #2629

merged 1 commit into from Apr 12, 2022

Conversation

szaimen
Copy link
Contributor

@szaimen szaimen commented Apr 9, 2022

Signed-off-by: szaimen szaimen@e.mail.de

@szaimen szaimen added enhancement New feature or request design Design, UX, interface and interaction design labels Apr 9, 2022
@szaimen szaimen requested review from a team, artonge, skjnldsv and Pytal and removed request for a team April 9, 2022 16:37
@szaimen szaimen added the 3. to review Waiting for reviews label Apr 9, 2022
@skjnldsv
Copy link
Contributor

Could you explain the reasoning behind this?

Comment on lines -728 to +729
width: 390px;
max-width: 95%;
width: 400px;
max-width: 90%;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Changing 390px to 400px is just for the sake of using a x00 number here instead of a random feeling number. Changing 95% to 90% is in order to align with the other used max values of mostly 90%.

&:not(&--small) .modal-container {
.modal-container {
Copy link
Contributor Author

@szaimen szaimen Apr 10, 2022

Choose a reason for hiding this comment

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

Changing this media query to also address the small modal has the reason that I designed the small modal initially to be used e.g. for prompts with a limited height. In reality it gets used in many places mostly with a pretty big height. Adjusting this makes sure that the mobile view is aligned to the other sizes and also looks better, imo.

@szaimen
Copy link
Contributor Author

szaimen commented Apr 10, 2022

Could you explain the reasoning behind this?

done

@skjnldsv
Copy link
Contributor

conflicts

Signed-off-by: szaimen <szaimen@e.mail.de>
@skjnldsv skjnldsv added 4. to release Ready to be released and/or waiting for tests to finish and removed 3. to review Waiting for reviews labels Apr 12, 2022
@szaimen szaimen merged commit 86403fa into master Apr 12, 2022
@szaimen szaimen deleted the enh/noid/small-modal branch April 12, 2022 08:13
@juliushaertl juliushaertl mentioned this pull request Aug 2, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4. to release Ready to be released and/or waiting for tests to finish design Design, UX, interface and interaction design enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants