Skip to content

fix(web): align FlowChat layout and unify settings page styling - #1864

Merged
bobleer merged 1 commit into
GCWing:mainfrom
bobleer:fix/ui-alignment-and-settings-consistency
Jul 29, 2026
Merged

fix(web): align FlowChat layout and unify settings page styling#1864
bobleer merged 1 commit into
GCWing:mainfrom
bobleer:fix/ui-alignment-and-settings-consistency

Conversation

@bobleer

@bobleer bobleer commented Jul 29, 2026

Copy link
Copy Markdown
Collaborator

Summary

FlowChat layout fixes:

  • Collapse .virtual-item-wrapper to 900px reading column (was 1200px causing double-centering offset vs explore headers)
  • Give .explore-region the same 900px box so > collapse headers share the leading edge with body text
  • User message bubble fills reading column instead of right-floating
  • Shrink image thumbnails from 120px to 72px
  • Remove blue focus ring from chat input box

Settings page fixes:

  • Remove wrapper divs from BasicsConfig selects so they sit directly in ConfigPageRow (fixes Window Behavior dropdown being narrower)
  • Add :has(> .select) safety net in shared ConfigPageLayout
  • Remove unscoped chrome-strip from McpToolsConfig and ExternalSourcesConfig (restore standard section card)
  • Unify ecosystem/capability dropdown min-widths (142px)
  • Inset bespoke blocks with card gutter after card restoration

NavPanel / Settings nav:

  • Remove active-state background and box-shadow from workspace items, session items, and settings nav tabs

What was tested

  • Full Vitest suite: 358 files / 2363 tests passing
  • tsc --noEmit clean
  • ESLint clean
  • All edited SCSS files compile successfully

@bobleer
bobleer force-pushed the fix/ui-alignment-and-settings-consistency branch from 884d1ea to 25ca4fc Compare July 29, 2026 16:27
FlowChat:
- Collapse .virtual-item-wrapper to 900px reading column (was 1200px
  causing double-centering offset vs explore headers)
- Give .explore-region the same 900px box so > headers share the
  leading edge with body text
- User message bubble fills reading column instead of right-floating
- Shrink image thumbnails from 120px to 72px

Settings:
- Remove wrapper divs from BasicsConfig selects so they sit directly
  in ConfigPageRow (fixes Window Behavior dropdown being narrower)
- Add :has(> .select) safety net in shared ConfigPageLayout
- Remove unscoped chrome-strip from McpToolsConfig and
  ExternalSourcesConfig (restore standard section card)
- Unify ecosystem/capability dropdown min-widths (142px)
- Inset bespoke blocks with card gutter after card restoration

NavPanel:
- Set active session/workspace background to transparent
@bobleer
bobleer force-pushed the fix/ui-alignment-and-settings-consistency branch from 25ca4fc to 2606b99 Compare July 29, 2026 16:29
@bobleer
bobleer merged commit 2e1229a into GCWing:main Jul 29, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant