lambertf917 / lambertf917/react-native-uber-eats-clone
Description: Header UI Overlapping
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The Enatega Multivendor Customer App is currently experiencing a UI issue in the header section where the address and the favorite icon is overlapping, leading to a visual conflict in the user interface.
To Reproduce
Steps to reproduce the behavior:
Open the Enatega Multivendor Customer App.
Navigate to any section where the header is visible.
Observe the position of the address and favorite icon in the header.
Expected behavior
The address and the favorite icon should be displayed distinctly in the header without overlapping. Each element should occupy its designated space, ensuring a clear and unobstructed view for users.
Screenshots
Screenshot_20240115-163819_Enatega Multivendor
Smartphone:
Device: Android
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the overlap on an Android device in the Enatega Multivendor Customer App, following the header navigation steps in the issue. Locate the header used where the address and favorite icon appear, then inspect its layout behavior. Done means both elements have distinct, unobstructed space without overlap in the affected header views.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100