marthaegrimaldi / marthaegrimaldi/ifood-clone-using-react-native

Black shade appearing behind item names in category tiles, causing items not to display

Open
#1,285 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
In the Enatega Multivendor app, when viewing the category tiles (e.g., Cold Beverages, Soft Drinks, Mocktails, Hot Beverages), there is a black shaded background behind the item names. This looks inconsistent and impacts the overall UI design quality. Additionally, due to this black shadow, the item images or names are not visible or are obscured, leading to a poor user experience.

To Reproduce
Steps to reproduce the behavior:

Open the Enatega Multivendor app.
Navigate to the restaurant menu/categories section.
Observe the category tiles with item names at the bottom (e.g., Cold Beverages, Soft Drinks).
Notice the black shaded background behind the item names, which also causes the items to be hidden or not fully visible.
Expected behavior
The item names should be displayed clearly with proper contrast and alignment, without an unnecessary black background shade. Items should be fully visible and accessible.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context
Add any other context about the problem here.

Labels: Enatega Multivendor Customer App, Bug

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Run the Enatega Multivendor app and navigate to the restaurant menu/categories section, focusing on tiles such as Cold Beverages and Soft Drinks. Trace the category-tile UI entry point responsible for item names and images. Done means the names and images are fully visible, properly aligned, and no unintended black background obscures them.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.