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.

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

Feature Request : Use em and rem units for responsive design #308

Open
aromalanil opened this issue Aug 28, 2020 · 2 comments · May be fixed by #565
Open

Feature Request : Use em and rem units for responsive design #308

aromalanil opened this issue Aug 28, 2020 · 2 comments · May be fixed by #565

Comments

@aromalanil
Copy link

I think using responsive units will be great, as I faced difficulty in overriding the styles using responsive units, to make the component fit in my layout in small screens.
@stsiarzhanau
Copy link

stsiarzhanau commented Sep 13, 2020 •
edited

It's possible to achieve responsivness by setting width for containerClass (.react-tel-input) in responsive units and overriding .form-control width from 300px (default) to 100%
But there's another problem. Width of .country-list dropdown is not calculated based on current .form-control width. We can only override it to some fixed width.
2020-09-13_11-33-07
2020-09-13_11-32-48

It'd be great to calculate width of dropdown dynamically.

@bl00mber
Copy link
Owner

bl00mber commented Nov 6, 2020 •
edited

Have any suggestions? PRs or CSS code posted here would be appreciated. However, default width should remain the same.

@WuggyX2 WuggyX2 linked a pull request Aug 11, 2022 that will close this issue
Open
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
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Allow relative width for the country dropdown list WuggyX2/react-phone-input-2
3 participants
@bl00mber @stsiarzhanau @aromalanil