GSSoC : SEARCH Not functional on Mobile screen

[Utsavladia]

Description

The search bar is not functional on mobile screen. It got overlapped by the menu icon

Changes You need to make

I will implement a search bar to expand on clicking on search icon else stay in the small area.

• file1
• file2
• file3

Screenshots

Attach screenshots or Videos demonstrating the visual changes introduced by your pull request. This helps reviewers understand the user interface modifications more effectively.

Checklist

Before submitting your pull request, ensure that you have completed the following tasks:

• [x] Gone through the rules and guidelines of the project.
• [x] When you are creating PR, your PR should title follows the specified format: [Feature/Enhancement/Bug Fix]: Brief description of the change.
• [x] Attached OSSI or GSSoC in the heading of the Issue.
• [x] I have checked this issue is not already covered in another issue.

Expected Time to Complete

1 Day

Additional Notes

Add any additional information, concerns, or considerations that may be relevant to your pull request. This could include performance implications, future enhancements, or potential risks associated with the changes.

[github-actions[bot]]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our #24 for guidelines on contributing to this project.

[Utsavladia]

I would love to contribute to this project. Please assign this to me to enhance the user experience.

[Smitkhobragade]

@Utsavladia . can you attach a rough sketch like how it will look ? Also how are you going to solve it.?

[Utsavladia]

@Smitkhobragade sure, something like this ...

[Smitkhobragade]

@Smitkhobragade sure, something like this ...

Okay. Just a small change try to add the search icon overlayed on search bar only. Rest is fine. And if space remains try to have one button at right corner...

[Smitkhobragade]

You can go for it. I am assigning you this issue.

[github-actions[bot]]

Hello @Utsavladia! Your issue #172 has been closed. Thank you for your contribution!