fix(desktop): prevent chat-pane white-screen on narrow windows#4537
Open
arccat-114 wants to merge 3 commits into
Open
fix(desktop): prevent chat-pane white-screen on narrow windows#4537arccat-114 wants to merge 3 commits into
arccat-114 wants to merge 3 commits into
Conversation
…-pane Prevents chat-pane white-screen on window snap (half-screen) by automatically collapsing the sidebar when viewportWidth < sidebarWidth + CHAT_MIN_WIDTH.
- Lower --chat-min-width from 760px to 320px - Use minmax(var(--chat-min-width), 1fr) in grid-template-columns - Reduce window MinWidth from 760px to 400px Ensures chat-pane remains visible when window is resized to half-screen or smaller.
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.
Problem
When the Reasonix desktop window is snapped to the left/right half of the screen (Windows Snap Assist), the right-side chat-pane area becomes completely white/blank.
Reproduction:
Actual result: chat-pane area is completely white. Left sidebar, top tab bar, and bottom status bar remain normal.
Expected result: chat-pane should display chat content normally.
Screenshots: (to be added — showing white chat-pane at half-screen width, and content disappearing as window narrows)
Root Cause
minmax(0, 1fr)for the chat-pane column, allowing it to be compressed to 0 widthMinWidthwas set to 760px, preventing the window from being resized below half-screenFix
1. CSS Grid — enforce chat-pane minimum width (
desktop/frontend/src/styles.css)--chat-min-widthfrom 760px to 320pxminmax(0, 1fr)tominmax(var(--chat-min-width), 1fr)ingrid-template-columns, ensuring the chat column is never compressed below 320px2. Auto-collapse sidebar on narrow viewports (
desktop/frontend/src/App.tsx)useEffectthat monitorsviewportWidthviewportWidth < sidebarWidth + CHAT_MIN_WIDTH(664px), automatically collapses the sidebar3. Lower window minimum width (
desktop/main.go)MinWidthfrom 760 to 400Testing