marthaegrimaldi / marthaegrimaldi/restaurant-ordering-platform-with-source-code
Black shade appearing behind item names in category tiles, causing items not to display
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
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
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