Skip to content

feat: score panel by media width - #898

Closed
jim-at-stink wants to merge 2 commits into
go-v2/mainfrom
go-v2/feat/score-panel-by-media-width
Closed

feat: score panel by media width#898
jim-at-stink wants to merge 2 commits into
go-v2/mainfrom
go-v2/feat/score-panel-by-media-width

Conversation

@jim-at-stink

@jim-at-stink jim-at-stink commented Mar 31, 2026

Copy link
Copy Markdown
Collaborator

The sizing of elements of the ScorePanel is adjusted depending on the playableArea container size.

This means that even on large screen size, when the LLM logs are at the right of the visualizer we get a small container size, so the pots and text are shrunk down in a way that's really intended for on small screens.

This leads to the sizing of these elements bouncing back and forward as the log viewer moves its position.

Before this change:

Screenshot 2026-03-31 at 10 07 52 Screenshot 2026-03-31 at 10 05 47 Screenshot 2026-03-31 at 10 06 04

Using the media query instead of container to only reduce the size of ScorePanel elements if the playableArea is small AND the LLM log are below the visualizer.

@pim-at-stink Does this make sense as an approach, or am I breaking things here?

@jim-at-stink
jim-at-stink force-pushed the go-v2/feat/score-panel-by-media-width branch from 8d9825f to c0aef79 Compare March 31, 2026 09:19
@jim-at-stink

Copy link
Copy Markdown
Collaborator Author

It does cause this issue with the ScorePlayer box when a long name breaks across lines. Not perfect then : )

Screenshot 2026-03-31 at 10 38 58

@jim-at-stink
jim-at-stink force-pushed the go-v2/feat/score-panel-by-media-width branch from c0aef79 to 1e23e9e Compare March 31, 2026 16:57
@jim-at-stink
jim-at-stink force-pushed the go-v2/feat/score-panel-by-media-width branch from 1e23e9e to 74dcdeb Compare March 31, 2026 17:01
@jim-at-stink jim-at-stink reopened this Mar 31, 2026
@pim-at-stink

Copy link
Copy Markdown
Collaborator

#909

@jim-at-stink

Copy link
Copy Markdown
Collaborator Author

@pim-at-stink made a fix which was simpler and just used a different width breakpoint.

So I'm closing this PR and deleting the branch.

@jim-at-stink
jim-at-stink deleted the go-v2/feat/score-panel-by-media-width branch April 10, 2026 09:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants