Example drawing leaves too little room to draw, even when enlarged

Abierto
  • ¿Algo no está bien?
#579 2 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@Disesfgewu ya está trabajando en esto.

Desde el 4/11/2026.

  • #586 de @Disesfgewu — abierto

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
68/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
css
Área
frontend

Línea de trabajo

Start by inspecting web/styles.css at .example-surface and the Example drawing toolbar implementation; run the app and reproduce the cramped canvas. Add a way to switch the right-hand editor panel to a larger drawing view and back. Done means the full canvas is visible without scrolling, the left sidebar remains usable, and switching back preserves the code and drawing.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Current behavior

At revision 8f5ad5c, with Example drawing enabled for a coding interview, the drawing area is too small to draw on comfortably. The canvas keeps the board's 16:10 ratio at the full width of the editor panel, but .example-surface (web/styles.css:1904-1918) shows only a strip of it and scrolls the rest. Only about 30% of the canvas is visible when Example drawing opens, and about 60% after dragging the divider under the editor (.drawer-resizer) all the way up:

Viewport Visible at first open Visible with the divider at its maximum
1280x800 838x143 of 838x524 (27%) 838x334 (64%)
1440x900 998x188 of 998x624 (30%) 998x404 (65%)
1920x1080 1478x269 of 1478x924 (29%) 1478x530 (57%)

Even at its maximum, most of the editor panel is still taken by things that are not needed while drawing. At 1280x800 the panel is 768 px tall and the canvas gets 334 px of it; the rest goes to the editor toolbar and code (194 px), Add a case, the drawing toolbar, the status line and the Test results row, and Jim's stage covers the right end of the strip. The screenshot below shows the divider at its maximum in a window of about 1250x630 for Macbook air 13.6 inch, where even less of the canvas fits.

Image

With a mouse or a trackpad, a sketch such as a linked list with a cycle has to be squeezed into that strip, or drawn while scrolling it.

Expected behavior

A button on the Example drawing toolbar switches to a larger drawing view and back. The larger view covers only the right-hand editor panel, whose code, Add a case and Test results are not needed while drawing, and shows the whole canvas without scrolling. The left sidebar, with the problem statement and the interview controls, stays visible and usable. Switching back returns to the editor with the code and the drawing unchanged.

Lenguaje dominante
Rust
Estrellas
223
Forks
148
Merge medio
1 d 10 h
PR fusionados (30 d)
227

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de sysprog21/codetrial

Todos los issues de sysprog21/codetrial

Issues similares

Más issues de Rust

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.