marthaegrimaldi / marthaegrimaldi/restaurant-ordering-platform-with-source-code

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

Open
#356 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
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

Start by reproducing the problem in the restaurant menu/categories section, focusing on the category tiles named in the report: Cold Beverages, Soft Drinks, Mocktails, and Hot Beverages. Inspect the category-tile UI and its styling to identify the black shade and obscured content; done means item names and images are fully visible with the expected contrast and alignment.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.