MoreVertical was migrated to the house geometry; MoreHorizontal was left
on its original 0 0 12 3 fill construction. Because that box is far wider
than it is tall, a square size class scales it by 14/12 and the dots
stretch edge to edge: 3.17px dots across a 14px span, where MoreVertical
draws 1.78px dots across 8.78px. The two are the same glyph rotated 90deg
and sit in the same overflow-menu role, so the mismatch is visible on any
row carrying one.
Redraw MoreHorizontal as the exact transpose of MoreVertical about
(10.25, 9.75). Both now measure 8.80px.
TerminalWindow had the same problem in the resource registry tab strip,
where ten icons render side by side at size-[14px]: it drew 14.00px
filled against neighbours at 10.30-12.05px on a 0.90px stroke. Redraw it
on the 24-box keeping its character - a window, a title bar, three chrome
dots. Now 10.85px.
Three call sites needed updating alongside the viewBox change:
- panel.tsx passed no size and sat in a Button, which does not force-size
its svg children, so the icon would have jumped to its new 24x24
intrinsic size inside a 30px button.
- The two sidebar size-[9px] values were compensations for the oversized
glyph (9px against a 12-wide box happens to yield a ~9px span). Against
the 24-box they would render 5.64px, so they move to size-[14px], which
lands at 8.78px - exactly MoreVertical.
Waleed
b98dd8ba5e