Fix left column resizing in add automation element dialog - #4
Closed
marcinbauer-ohf wants to merge 1 commit into
Closed
Fix left column resizing in add automation element dialog#4marcinbauer-ohf wants to merge 1 commit into
marcinbauer-ohf wants to merge 1 commit into
Conversation
The left list column used flex: 4 against a flex: 6 right panel. Because flex items default to min-width: auto, the right panel's content (which varies per group) could dictate the split, so the left column width shifted while browsing groups. Give the left column a fixed width (flex: 0 0 360px) and let the right panel take the rest with min-width: 0 so its content shrinks instead of pushing the left column around. Co-Authored-By: Claude Opus 4.8 (1M context) <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 subscribe to this conversation on GitHub.
Already have an account?
Sign in.
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.
Proposed change
In the Add trigger / condition / action dialog, the left column (the list of integrations / groups) changed width while browsing different groups on the left.
The two columns were sized with
flex: 4(left list) againstflex: 6(right items panel). Because flex items default tomin-width: auto, the right panel's content — which varies per selected group — could dictate the split, so the left column width shifted as you moved between groups.This pins the left column to a fixed width (
flex: 0 0 360px) and lets the right panel take the remaining space withmin-width: 0, so its content shrinks within its column instead of pushing the left column around. The mobile/column layout is unchanged.Screenshots
Before: the left column was narrow and its labels were truncated (e.g. "Music Assist", "Perform acti", "Persistent N", "Set conversa"), and its width shifted between groups.
After: the left column stays a fixed 360px wide regardless of which group is selected.
Type of change
Additional information
Checklist
If user exposed functionality or configuration variables are added/changed:
To help with the load of incoming pull requests:
🤖 Generated with Claude Code