Skip to content

PhoneInput: Three symbols phone codes don't fit within width of country select #242

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.

Sign up for GitHub

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

Jump to bottom
Closed
vitalybaev opened this issue Jun 5, 2022 · 4 comments
Closed

PhoneInput: Three symbols phone codes don't fit within width of country select #242

vitalybaev opened this issue Jun 5, 2022 · 4 comments

Comments

@vitalybaev
Copy link
Contributor

Phone codes with three symbols are cut because of width of the country select

CleanShot 2022-06-05 at 15 37 31@2x

System: macOS 12.0.1. Browsers: both latest Firefox and Edge.
@rafael-sepeda
Copy link

I noticed that the DIV that contains the flag and the text has an additional 8px right margin. Probably if we could remove it and use that space for the text this might help. What do you think @nlopin @martimalek @div-Leo ?
Phone

@lloydaf
Copy link
Contributor

lloydaf commented Jun 9, 2022

Screenshot 2022-06-09 at 18 02 11 (2)

I removed the `max-width` property that was generating this (`8px`), and this is how it currently looks. @rafael-sepeda does this look correct with respect to the design specs?

@rafael-sepeda
Copy link

@lloydaf yes, exactly! This was easy 😅

@lloydaf lloydaf mentioned this issue Jun 11, 2022
Merged
1 task
@martimalek
Copy link
Contributor

Closed because of #248

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@vitalybaev @lloydaf @rafael-sepeda @martimalek