Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Phone and tablet: the work list draws blank on a phone, tables clip on a tablet, and the roster cannot assign below desktop

Aperta
#700 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
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
nextjs, tailwindcss, typescript
Ambito
frontend, mobile

Direzione di ricerca

Start by inspecting the responsive breakpoints and table/card components in the codebase, particularly the work list at /lists and the roster. Reproduce the issues by resizing the browser to 375px and 768px widths. Look for existing card layout patterns in /compliance and the case page accordion to understand the intended responsive behavior. The goal is to adapt the work list to a card layout on phones, ensure tablet tables have visible scroll cues, and enable assignment from the roster on mobile.

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

Descrizione

bug frontend maui-pilot

The pilot works on desktop today, but at phone and tablet widths the main screens either break or hide their controls. Found in a live walk-through of the Maui sandbox, 2026-09-23.

What breaks

  • Work list at 375 px (phone):
    • The patient table draws as a blank rectangle.
    • The rows are in the DOM and correctly styled. It is the desktop table (min-w-[56rem]) placed inside a nested scroll container, and it fails to paint.
    • Reproduced across reloads.
  • Tablet (about 768 px):
    • Wide tables scroll sideways with no visible cue.
    • On /lists the "Open" button is clipped to "Ope…".
    • The /compliance matrix clips its last measure columns to single letters.
  • Roster below md: the assign checkboxes exist only in the desktop table, so a tablet user cannot assign from the roster. The code notes this: "selection on the mobile cards is the better answer and is its own piece of work".

Good patterns already in the app

  • /compliance switches to a card per patient on a phone.
  • The case page folds into an accordion.

Decision needed

When does the pilot need tablet or phone? If a quality lead is expected to use a tablet, do this before January:

  • a card layout for the work list, following the roster's pattern;
  • selection on the roster cards;
  • a visible scroll cue on wide tables.
Lingua principale
TypeScript
Stelle
0
Fork
0
Merge medio
4h 46m
PR unite (30g)
93

Guida per i contributori

Apri la guida per i contributori

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 Taleef7/workwell

Tutte le issue di Taleef7/workwell

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.