You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Redraw the shortcut section icons on one grid (#58)
The Shortcuts page carried six section icons that had drifted apart.
Reviewing them rendered, rather than as markup, turned up four real
problems and one gap.
**Touch was the outlier.** It was hand-traced and filled, on a `390 242
320 400` viewBox, while every other icon was a 24-grid outline at
`stroke-width="2"`. At heading size it read as a dark blob among light
strokes; at 14px in the chip nav it was mush. It is redrawn on the same
grid and simplified to a single knuckle, so the interior stays open at
chip size — the three stacked finger humps were what made it feel
packed.
**Palette and commands used a wrench,** which says settings or repair.
That section is the drawing palette and the menu strips, so it is now a
palette.
**Double-click did not survive small sizes.** Its two click arcs sat 1.4
units apart on a 24 grid and butted against the mouse body; rendered,
they merged into a smear. It also put two near-identical mouse
silhouettes in the chip nav. It is now a cursor, and filled — `.chipnav
a svg` draws at `opacity: .68`, so a thin outline was faint on top of
thin and read as barely there.
**Mouse was optically small,** 12×18 where the pen and keyboard fill 20
of the grid. Now 14×20, matching its neighbours' weight.
**In every session had no icon at all,** the only heading without one.
It has a bolt now. This is the one piece not strictly required; it is
easy to drop if you would rather the quick-reference block stay visually
separate from the numbered groups.
Pen and Keyboard were already right and are untouched.
The chip label for the palette section is shortened to just **Palette**.
The chip track is capped near 598px by `.wrap.narrow` and the
fixed-width filter input, independent of viewport, so the full label
overflowed by roughly 110px at every desktop width — a wider monitor
never helped. Six chips now measure 582px in that track. That leaves
only about 16px of slack, so a seventh chip or a longer label will clip
again; the levers if that happens are the 210px filter width or the
820px `narrow` cap in `styles.css`, neither touched here. The `<h2>`
keeps the full "Palette and commands".
All seven glyphs now sit on `0 0 24 24`, centred at 12,12, at
`stroke-width="2"` in `currentColor`, so the `--muted` colour and dark
mode continue to work. The chip nav and the headings are kept in sync.
CRLF endings preserved to match the sibling pages.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
<divclass="keyrow"><span><kbdclass="gesture">Movement</kbd></span><spanclass="act">A physical mouse shows the normal arrow.</span></div>
92
92
<divclass="keyrow"><span><kbdclass="gesture">Left button</kbd></span><spanclass="act">Select, move, or resize a container. Release returns to the previous drawing tool.</span></div>
<divclass="keyrow"><span><kbdclass="gesture">One finger</kbd></span><spanclass="act">Pan. Suspended while the pen is in contact. With Finger drawing on, uses the current tool instead.</span></div>
105
105
<divclass="keyrow"><span><kbdclass="gesture">Two fingers</kbd></span><spanclass="act">Pan and pinch zoom. With Finger drawing on, also cancels the in-progress finger stroke.</span></div>
<divclass="keyrow"><span><kbdclass="gesture">On a container</kbd></span><spanclass="act">Center it and fit it to the canvas.</span></div>
135
135
<divclass="keyrow"><span><kbdclass="gesture">On empty canvas</kbd></span><spanclass="act">Center and fit all content, or reset an empty board.</span></div>
<divclass="keyrow"><span><kbdclass="gesture">Pen</kbd></span><spanclass="act">Pressure-aware ink. Selected at startup.</span></div>
143
143
<divclass="keyrow"><span><kbdclass="gesture">Highlighter</kbd></span><spanclass="act">Translucent stroke. Marks a line without covering it.</span></div>
0 commit comments