Repository navigation
fix: let buttons shrink so the Manage gear fits beside Install (2.1.1-rc.28) - #81
Merged
Merged
Conversation
…-rc.28) On a Steam Deck the Install + gear row broke: Steam's DialogButton has a minimum width of its own, so the 44px gear grew over the Install button. compactButtonStyle now sets minWidth: 0, so every button fits its slot in side-by-side rows. Reproduced in the mock with a simulated 120px minimum. Co-Authored-By: Claude Opus 5.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.
Why
On a real Steam Deck (rc.27) the Install + ⚙ row on app cards rendered as one long bar with the gear partway along, overlapping Install. Steam's
DialogButtonhas a minimum width of its own, which the browser mock doesn't copy, so the 44px gear button grew past its slot and squeezed Install.What
compactButtonStyle(src/utils.ts) setsminWidth: 0, so every button fits its slot in side-by-side rows: the card's Install + gear, DeckyHub's Update + gear in Quick Access, and the other button rows. Every user of the style already fills its slot (width: 100%), so nothing else changes.Version bumped to 2.1.1-rc.28.
Test plan
min-width: 120pxon buttons: without the fix the gear grows to 120px and squeezes Install; with it the gear stays 44px and Install ends before it🤖 Generated with Claude Code