gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

German Text Not Fitting Properly on Earning Page

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

Description

Describe the bug
When the app language is set to German, some of the text on the Earning page does not fit well within the screen layout. The text may be cut off, overlap with other elements, or extend beyond the screen boundaries.

To Reproduce
Steps to reproduce the behavior:

Open the app and switch the language to German.

Navigate to the Earning page.

Observe that some German text does not fit properly in the designated space.

Expected behavior
Text should automatically adjust—either by wrapping, resizing, or truncating appropriately—so that it remains readable and neatly within the screen layout, regardless of language.

Smartphone (please complete the following information):

Device: Samsung A15

Additional context
This issue likely results from longer German translations exceeding fixed container widths. Responsive layout adjustments or language-specific styling may be required to resolve it.

Contributor guide

Open the contributing guide

Research direction

Start by running the app, switching the language to German, and opening the Earning page on a Samsung A15 or comparable narrow screen. Identify the text that is cut off, overlapping, or outside the screen, then verify that the affected text remains readable and contained after the layout change.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, internationalization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.