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

Aperta
  • Qualcosa non va?
#579 2 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Disesfgewu ci sta già lavorando.

Dal 4/11/2026.

  • #586 di @Disesfgewu — aperta

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css
Ambito
frontend

Direzione di ricerca

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.

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

Descrizione

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.

Lingua principale
Rust
Stelle
223
Fork
148
Merge medio
1g 10h
PR unite (30g)
227

Preparare l'ambiente

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 sysprog21/codetrial

Tutte le issue di sysprog21/codetrial

Issue simili

Altre issue su Rust

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.