mirror of
https://github.com/nesquena/hermes-webui.git
synced 2026-05-26 11:40:26 +00:00
Dustin
a1017d02b1
The composer-footer chip wraps (`.composer-profile-wrap`, `.composer-ws-wrap`, `.composer-model-wrap`, `.composer-reasoning-wrap`, `.composer-toolsets-wrap`) had `flex:0 1 auto` plus `min-width:0`, which let them shrink past their content's natural width when the composer narrowed. With several chips visible at once, this presents as the profile chip and workspace chip running into each other, or the model chip and the context-usage ring visually overlapping — the symptom #2740 reports. Flip to `flex:0 0 auto` on all five wraps. Each chip now keeps its natural width, and the existing `overflow-x:auto` on `.composer-left` takes over: when the chips together exceed the container width, the strip scrolls horizontally instead of letting individual chips compress and collide. Default-width layout is unchanged — this only affects the overflow regime that was producing the bug. Container queries below at 700px and 520px already strip labels and chevrons, then collapse chips to 44x44px icons; this fix improves the intermediate range and the `> 700px` container case that occasionally narrows when the right workspace panel is open. Verification: tested at 1100, 900, 700, 600, 520, 400 viewport widths with multiple right-panel states. At every width the chips render without overlap; at sub-520px container the existing icon-only mode takes over as before. No JS changes, no template changes — single CSS attribute on five existing selectors. Closes #2740.
