fix(web): composer footer collapses its controls together and keeps the stash visible - #212
Merged
Conversation
…he stash visible The access level label was cut off at every width because its button had a hard width cap smaller than its own text. The traits, mode, and access controls also shrank one at a time on fixed pixel breakpoints, which left three loose icons colliding with the right-hand actions on long model names. On phones the stash lived two menus deep. The footer now measures its own row. All three controls drop to icons together the moment the labelled row would clip, and the row folds into the overflow menu once the icon row gets tight, stepping back up the same way when room returns. The stash bookmark stays in the row at every width, and the three icons share one size and opacity.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
github-actions
Bot
added
vouch:trusted
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.
The access level label in the composer footer was cut off at every width: its button had a hard width cap smaller than the text. The traits, mode, and access controls also shrank one at a time on fixed pixel breakpoints, so with a long model name three loose icons collided with the right-hand actions. On phones the stash was two menus deep inside the overflow menu.
The footer now measures its own row instead of trusting fixed breakpoints. All three controls drop to icons together the moment the labelled row would clip, and the row folds into the overflow menu once the icon row gets tight. It steps back up the same way when room returns. The stash bookmark stays in the row at every width, and the three icons share one size and opacity.
Tests: the footer layout unit tests cover the tier state machine, and the ChatView browser suite checks the icon tier round trip plus four narrow widths, two of them real phone viewports.