Fit the game toolbar labels on 320-pixel-wide screens
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 82/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- css, typescript
- Área
- accessibility, frontend
Línea de trabajo
Lee apps/web/src/components/dock.ts y apps/web/src/styles/game.css para ver cómo se definen las etiquetas y el tamaño de la barra de herramientas; consulta las etiquetas en alemán e inglés en apps/web/src/i18n.ts. Después, añade la aserción para el viewport de 320 px a apps/web/e2e/play.spec.ts y ejecútala con apps/web/test/styles.test.ts. El trabajo estará terminado cuando todas las etiquetas de la barra de herramientas quepan en sus botones a 320 px en ambos idiomas y los objetivos táctiles conserven su tamaño actual.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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)
- Lenguaje dominante
- TypeScript
- Estrellas
- 0
- Forks
- 0
- Merge medio
- 28 min
- PR fusionados (30 d)
- 2
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de nullthrone/lexvm
-
area: infra good first issue priority: low type: chore
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
nullthrone/lexvm#41 ·
-
area: engine good first issue priority: low type: feature
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
nullthrone/lexvm#27 ·
-
area: web priority: low type: research
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
nullthrone/lexvm#63 ·
-
area: infra area: web priority: medium type: chore
Dificultad 5/5 Más de una semana Aptitud para principiantes 38/100
nullthrone/lexvm#62 ·
-
Run a security review: fuzz the loaders, parser and save import, and review the threat modelAbiertoarea: engine area: web priority: high type: chore
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
nullthrone/lexvm#61 ·
Todos los issues de nullthrone/lexvm
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
marmelab/react-admin#11431 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
db-ux-design-system/core-web#8655 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
stripe/react-stripe-js#728 ·
-
[Upload Grade C dataset] the pop-up changes it's size while uploading the document => Jumping effectAbiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
epam/statgpt-admin-frontend#305 ·
Los mantenedores suelen responder en 1 día