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

Improve Input Field UI for Phone Number #7248

Closed
UdaySagar-Git opened this issue Feb 22, 2024 · 1 comment · Fixed by #7250
Closed

Improve Input Field UI for Phone Number #7248

UdaySagar-Git opened this issue Feb 22, 2024 · 1 comment · Fixed by #7250
Assignees

Comments

@UdaySagar-Git
Copy link
Contributor

Describe the bug
The current phone number input field UI presents challenges, primarily due to the inclusion of flags preceding to country codes without a search functionality. This design choice makes it difficult for users to locate their country efficiently. Additionally, the overall UI lacks visual appeal and can be enhanced for a more user-friendly experience.

To Reproduce
Steps to reproduce the behavior:

  1. Go to any page consisting of phone number input field
  2. Click on the phone number input field.
  3. Observe the country selection dropdown menu.
  4. Attempt to find a specific country without a search functionality.
  5. Evaluate the overall appearance and user experience of the UI.

Expected behavior
The phone number input field UI should be improved to address the following:

  1. Integrate a search functionality within the country selection dropdown to facilitate easy and quick identification of the user's country.
  2. Enhance the overall visual design for a more appealing and modern look.

Screenshots
image

@UdaySagar-Git
Copy link
Contributor Author

i would like to work on this

@rithviknishad rithviknishad moved this from Triage to Up Next in Care Feb 22, 2024
UdaySagar-Git added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 22, 2024
UdaySagar-Git added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 22, 2024
UdaySagar-Git added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 22, 2024
UdaySagar-Git added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 22, 2024
nihal467 added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 27, 2024
nihal467 added a commit to UdaySagar-Git/care_fe that referenced this issue Feb 27, 2024
@github-project-automation github-project-automation bot moved this from Up Next to Done in Care Feb 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

1 participant