Benjamin Lu 038f86fe84 fix(canvas): use vertical-align: top to eliminate baseline gap (#5484) ...

* fix(canvas): make graph canvas block-level to eliminate baseline gap

- Change <canvas id=graph-canvas> to display:block via Tailwind class
- Removes 1–5 px baseline offset between canvas and container
- Aligns canvas and TransformPane origins; fixes link/slot endpoint drift

No behavioral changes beyond layout origin alignment; no dependent CSS relies on inline/baseline.

* switch block to align-top

* Update test expectations [skip ci]

* Revert "Update test expectations [skip ci]"

This reverts commit ee0dfd4e0a.

* empty commit for ci

* Update test expectations [skip ci]

---------

Co-authored-by: github-actions <github-actions@github.com>

2025-09-11 01:52:15 -07:00

..

adjusted-widget-value-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-disconnect-links-disconnected-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-move-links-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

batch-move-links-moved-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

default-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

default-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

deleted-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

disconnected-edge-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

dragged-node1-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

dragging-link1-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

dragging-link2-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-fit-to-contents-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-selected-nodes-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

group-title-edited-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-alt-shift-drag-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-click-node-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-left-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-middle-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-wheel-zoom-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

legacy-wheel-zoom-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

moved-link-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

node-title-edited-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-bypassed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-pinned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-unbypassed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

nodes-unpinned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-from-far-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-to-one-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-back-to-two-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-far-away-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-step-one-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-step-two-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panned-touch-mobile-chrome-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

panning-when-dragging-link-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

pinned-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-closed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-closed-text-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-opened-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

prompt-dialog-opened-text-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node1-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node1-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node2-chromium-2x-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

selected-node2-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-fit-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

single-ksampler-modified-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snap-to-slot-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snap-to-slot-linked-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

snapped-highlighted-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-click-node-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-ctrl-wheel-zoom-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-ctrl-wheel-zoom-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-initial-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-left-drag-select-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-middle-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-shift-wheel-pan-center-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-shift-wheel-pan-left-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-shift-wheel-pan-right-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

standard-space-drag-pan-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

string-input-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

string-node-id-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

text-encode-toggled-back-open-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

text-encode-toggled-off-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

unpinned-all-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-back-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-default-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-high-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-in-low-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-ctrl-shift-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-high-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-out-low-zoom-speed-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00

zoomed-very-far-out-chromium-linux.png

fix(canvas): use vertical-align: top to eliminate baseline gap (#5484)

2025-09-11 01:52:15 -07:00