Author the competitions list's phone layout - #388
Merged
Conversation
Every break in a group panel came from flex-wrap deciding where boxes landed, so a card's shape changed with the length of its strings. On a phone the status sat right of a short name and left of a long one, the date pill filled its line and stranded one of the two counts below it, and consecutive level rows disagreed about whether the badge shared a line with its action. The countdown now holds the top right corner at any name length. The entry window takes its own line with both counts together beneath it. Each level row pins its action to the same right edge and drops the standing to a line of its own, which display: contents re-forms into the one right-hand cluster from the sm breakpoint up. A group holding a single competition gives its standing and action the line a row would have had, so both shapes of card put the action in the same place. The English for a competition awaiting its marks said the results were being written, which reads as a document nobody has typed yet rather than as work in progress. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.
Every break in a competitions group panel came from
flex-wrapdeciding where boxes landed, so a card's shape changed with the length of its strings. On a phone that showed as three faults: the status sat right of a short name and left of a long one, the entry-window pill filled its line and stranded one of the two counts below it, and consecutive level rows disagreed about whether a badge shared a line with its action.The countdown now holds the top right corner at any name length, with a long name wrapping as text underneath it. The entry window takes its own line with both counts together beneath it. Each level row pins its action to the same right edge and drops the standing to a line of its own, which
display: contentsre-forms into the single right-hand cluster from thesmbreakpoint up.A group holding a single competition gives its standing and action the line a row would have had, so both shapes of card put the action in the same place. Everything else renders identically above
sm.The English for a competition awaiting its marks said the results were being written, which reads as a document nobody has typed yet rather than as work in progress; it now says marking is in progress, matching the word the rest of the English copy uses.
🤖 Generated with Claude Code