Repository navigation
fix(analysis): fit the column titles on one line, equal columns - #364
Merged
Merged
Conversation
On phones and in the desktop analysis panel, each column's title was one
line: "Maia-3 1600: Human Moves" no longer fit in its column (about 195px)
once the name became Maia-3, and ran into "SF 19: Engine Moves" beside it.
Each title is now the model ("Maia-3 1600", "SF 19 d20") over a smaller
"Human Moves" / "Engine Moves", which fits at any width. The wider split
layout and the home page's panel are unchanged.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Back to one line, as before the previous commit, but fitting: in panels from 360px wide (a 360px phone, or a 1280px desktop window), "Maia-3 1600: Human Moves" was 235px wide in a 180-215px column and ran into "SF 19: Engine Moves". - The titles' size follows the panel's width (cqi, 1% of it): 11px at 360px wide, 12px at 1440 desktop, up to 14px. - The Maia column, whose title is longer, gets 56% of the width. - The model menu's arrow sits right after the title instead of at the cell's edge; the whole title cell opens the menu. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
ashtonanderson
changed the title
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
ashtonanderson
changed the title
This branch was successfully deployed
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.
What
On phones and in the desktop analysis panel, each column has a one-line title. Since the model became Maia-3, "Maia-3 1600: Human Moves" is 235 px wide at 14 px. Its column is only 180–215 px, so the title ran into "SF 19: Engine Moves".
Change
min(2.85cqi, 14px), with the column row as a size container (cqiis 1% of its width). That's about 10 px in the narrowest panel (a 360-px phone, or a 1280-px desktop window) and 12 px on a 430-px phone. It is sized so the longer Maia title fits its half.(Earlier commits tried two lines, then unequal columns. You asked for one line, equal columns and one size, so the last commit does that.)
Checked
With Maia-3 1600 picked (the longest title), I compared the live site with a production build of this branch (
loadperf/tools/col-titles2.mjs). The table shows each title's width against its cell.Widths are in pixels. tsc, eslint and the Analysis tests pass.
🤖 Generated with Claude Code