The docked panel and the table say where you are - #545
Closed
WaylandYang wants to merge 5 commits into
Closed
Conversation
WaylandYang
force-pushed
the
fix/the-tables-paginate
branch
from
September 9, 2026 13:41
058d56c to
914ddea
Compare
…vering Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com>
WaylandYang
force-pushed
the
fix/the-panel-sits-where-the-chrome-does
branch
from
September 9, 2026 13:56
497d485 to
d2577a9
Compare
Contributor
Author
|
内容已在 dev 上(b26b5716,squash 合并),四处标志逐一核过:u-canvas-chrome-docked、--u-surface-strong 0.86、table.tsx 的 u-nav-active、Graph.tsx 的 pl-6 pr-4 pt-3。GitHub 没把这个 PR 自动关掉,手动关。 |
pull Bot
pushed a commit
to nagyist/deeplethe-utopia
that referenced
this pull request
Sep 9, 2026
* The docked panel starts where the chrome starts, and reads without hovering Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com> * The panel carries enough body to read over a dense graph Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com> * A table row says when it is the one you picked Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com> * The panel's tabs line up with the name above them Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com> * The direction arrows line up in one column again Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Signed-off-by: WaylandYang <wayland0916@gmail.com> --------- Signed-off-by: WaylandYang <wayland0916@gmail.com> Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Four things on the ontology page, all about knowing what you are looking at.
The panel started 56px below everything else
It was pinned at
top-14, inherited from the graph page where a taller row ofchrome sits above it. On the ontology page the legend row ends at 44px, so the
panel left a band of bare canvas above it and read as misaligned. It now starts at
top-3, the same line the legend starts on.That introduces a collision the old offset was hiding: the legend row spans
left-3 right-3, so on a narrow window its chips would wrap underneath the panel.When a panel is open the row's right edge now stops short of it
(
.u-canvas-chrome-docked, 24.75rem = the panel'sw-96plus itsright-3), andthe chips wrap early instead of sliding under. A semantic class rather than an
arbitrary Tailwind value, because the number tracks the panel's width.
The graph page's panel keeps its
top-14: that page really does have a taller rowabove it.
It was too see-through to read
--u-surface-stronggoes 0.68 → 0.86.The number has been tuned before: 0.72 read like a sheet of paper stuck on the
canvas, 0.62 was too light, and it settled at 0.68. But that was chosen before
the backdrop was desaturated. With
saturate(0.3)what comes through is greyrather than coloured, so the surface no longer looks like paper when it carries
more body — and over the ontology diagram, which is dense white edges, 0.68 still
let lines run through the text. This layer exists to be read. "You can faintly see
what it covers" is the blur's job, not the alpha's.
Both pages' panels are
glass-strong, so this one number keeps them equal byconstruction rather than by two people remembering to match. The top bar, nav, tool
towers, time island and menus gain the same body — that is the point of it being
one token.
A table row did not say it was the one you picked
Clicking a row opens the panel on the right, but the row itself kept no mark. Two
pages into 916 classes you no longer know which one you are reading about.
Trgainsactive, drawn withu-nav-active— the same mark the rail's rows use,and deliberately not the hover surface: it is twice the alpha (0.09 against 0.045)
plus white text, so "the one I picked" and "the one I am pointing at" stay
distinguishable. If they looked alike, pointing anywhere would put two identical
rows on screen.
The tables take a selection narrowed to just classes and properties. The page's own
selection type also carries import / rules / schema, and none of those correspond to
a row.
The unscoped-properties popover was the odd one out
It still had the old anatomy: a pill inside the panel with an × on it. Every other
popover in the product — the knowledge-base switcher, the alerts panel, the user
menu, the graph page's class legend — opens with the trigger itself as its first
row, chevron flipped, and closes when you click that row. No floating ×: whatever it
grew out of is what it folds back into. Now it matches.
Checked
pnpm buildclean; style guard 46/46.rgba(10, 10, 10, 0.86), identical.rgba(255, 255, 255, 0.09)witharia-current="true".Two of those needed a forced repaint first — the preview pane does not run rAF, so
the popover sits frozen part-way through its opening transform and measures smaller
than it is. It looked like a bug until I made it paint.
Stacked
On #540, which this needs for the
.u-skel-lineneighbourhood instyles.cssandfor the tables it edits.
🤖 Generated with Claude Code