gray-mueller / gray-mueller/food-delivery-clone-app-using-react

Enatega Customer App: Decrease stores search bar place holder size , as it is cutting down store name in it

Open
#13 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.
The placeholder text in the store search bar is currently too large, which causes the actual store name (when displayed in the input field) to be cut off or partially hidden. This affects readability and creates a poor user experience, especially when dealing with longer store names.

Expected Result:
The placeholder text size should be reduced, and input padding adjusted so that longer store names are fully visible within the search bar.

Actual Result:
Store names are being truncated or partially hidden inside the search bar due to the large placeholder text.

Contributor guide

Open the contributing guide

Research direction

Start by locating the customer app's store search bar component and its styling; no file or test is named in the issue. Check the placeholder size and input padding using a long store name, then verify that the full name remains visible in the search bar.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.