Fit the game toolbar labels on 320-pixel-wide screens
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 82/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- css, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Leggi apps/web/src/components/dock.ts e apps/web/src/styles/game.css per vedere come sono definite le etichette e le dimensioni della barra degli strumenti; controlla le etichette in tedesco e in inglese in apps/web/src/i18n.ts. Poi aggiungi l’asserzione per il viewport da 320 px a apps/web/e2e/play.spec.ts ed eseguila con apps/web/test/styles.test.ts. Il lavoro è completato quando tutte le etichette della barra degli strumenti entrano nei rispettivi pulsanti a 320 px in entrambe le lingue e le aree di tocco mantengono le dimensioni attuali.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Context
On 320 CSS px wide phones (for example the first-generation iPhone SE) the last toolbar label of the game screen, »Rückgängig« (Undo) in the German UI, is cut off to »Rückgän…«. The icon and the accessible name stay intact, and 390 px and wider are fine. It was found by an overflow probe during the v0.1 review; no screen scrolls sideways at 320 px.
Scope
- Make the toolbar labels (Inventar, Notizbuch, Hinweis, Tastatur, Rückgängig; Inventory, Notebook, Hint, Keyboard, Undo) fit at 320 px in both UI languages, for example with a smaller label size below a breakpoint or a shorter German label.
- Keep the tap targets as large as they are today.
Acceptance criteria
- At 320 px no toolbar label is truncated, in German or English.
- An end-to-end check at a 320 px viewport asserts that no toolbar label overflows its button.
- apps/web/test/styles.test.ts still passes.
References
- apps/web/src/components/dock.ts
- apps/web/src/styles/game.css
- apps/web/src/i18n.ts
- apps/web/e2e/play.spec.ts
- #25 (reflow at 320 CSS px)
- Lingua principale
- TypeScript
- Stelle
- 0
- Fork
- 0
- Merge medio
- 28m
- PR unite (30g)
- 2
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di nullthrone/lexvm
-
area: infra good first issue priority: low type: chore
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
nullthrone/lexvm#41 ·
-
area: engine good first issue priority: low type: feature
Difficoltà 2/5 1-3 ore Idoneità per principianti 86/100
nullthrone/lexvm#27 ·
-
area: web priority: low type: research
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
nullthrone/lexvm#63 ·
-
area: infra area: web priority: medium type: chore
Difficoltà 5/5 Più di una settimana Idoneità per principianti 38/100
nullthrone/lexvm#62 ·
-
area: engine area: web priority: high type: chore
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
nullthrone/lexvm#61 ·
Tutte le issue di nullthrone/lexvm
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
awesome-dsh-plugin/awesome-dsh-plugin#9184 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
farion1231/cc-switch#8829 ·
I maintainer di solito rispondono entro 1 giorno
-
[core-client] Remove unused hand-maintained transport helpers after the definition-table cutoverApertadoc-audit enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100