gray-mueller / gray-mueller/food-ordering-app-using-python

Stack Multiple Timings Vertically for Better Readability

Aperta
#987 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
4
Fork
3
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Is your feature request related to a problem? Please describe.
Yes, currently when a restaurant has multiple opening and closing timings on the same day, the timings are displayed side by side. This layout appears cluttered and is not visually appealing, especially on mobile screens or compact UI components. It also makes it harder for users to read and interpret the information quickly.

Describe the solution you'd like
I would like the timings for each day to be stacked vertically instead of displayed side by side. For example, if a restaurant opens from 10:00 AM – 2:00 PM and then again from 6:00 PM – 10:00 PM, these should appear one below the other. This approach will improve readability and create a cleaner, more organized look.

Describe alternatives you've considered
An alternative could be to use commas or separators to differentiate multiple timings on the same line, but this still creates a dense layout and doesn't solve the readability issue as effectively as stacking.

Additional context
This change would enhance user experience, especially for customers checking restaurant hours on smaller devices. It will also help maintain visual consistency across listings with varying timing structures. A sample mockup or screenshot can be provided if needed.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia individuando il punto di ingresso per il rendering degli orari del ristorante e riproduci una giornata con due intervalli di apertura, soprattutto in un layout compatto o mobile. Il lavoro è completato quando più orari per una giornata vengono visualizzati verticalmente e il risultato rimane leggibile negli elenchi dei ristoranti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.