Results feature polish: badges, contrast, Avg/Best separation

Aperta
#72 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
65/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
accessibility, design, frontend

Direzione di ricerca

Inizia individuando il punto di ingresso UI della funzionalità Results e lo styling esistente, quindi esamina la tabella dei risultati sia in modalità chiara sia in modalità scura. Il lavoro è completato quando sono presenti i badge PR, NR e WR, il contrasto è leggibile in modalità scura e le colonne Avg e Best sono visivamente distinte senza ridurre la leggibilità.

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

Descrizione

The Results feature could use some UI polish for readability and quick scanning.

Todo

  • Add PR / NR / WR badges
  • Fix color contrast (especially in dark mode)
  • Make the Avg and Best columns more visually distinct
    • ideas: wider cells, a vertical separator line between solve times and Avg/Best, or stronger header styling

Notes

  • Goal: make it easier to scan results at a glance without losing legibility in dark mode.
Lingua principale
TypeScript
Stelle
11
Fork
12
Merge medio
34m
PR unite (30g)
2

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di coder13/Competitor-groups

Tutte le issue di coder13/Competitor-groups

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.