diff --git a/desktop/src/features/channels/lib/threadFocusLayout.ts b/desktop/src/features/channels/lib/threadFocusLayout.ts index f14f3399bd7..bc627b420ba 100644 --- a/desktop/src/features/channels/lib/threadFocusLayout.ts +++ b/desktop/src/features/channels/lib/threadFocusLayout.ts @@ -16,16 +16,6 @@ */ export const THREAD_FOCUS_SLIVER_WIDTH_PX = 72; -/** - * Max width of the centered message column inside the focus drawer. - * - * The drawer itself spans nearly the whole channel content area, but message - * text set that wide is unreadable. The list and composer share this max width - * with auto horizontal margins so the reading measure stays comfortable no - * matter how wide the window gets. - */ -export const THREAD_FOCUS_COLUMN_MAX_WIDTH_PX = 880; - /** * Horizontal distance the focus drawer travels on enter/exit. * diff --git a/desktop/src/features/channels/lib/threadPanelLayout.ts b/desktop/src/features/channels/lib/threadPanelLayout.ts index d07aec0f353..de44fe9075c 100644 --- a/desktop/src/features/channels/lib/threadPanelLayout.ts +++ b/desktop/src/features/channels/lib/threadPanelLayout.ts @@ -1,7 +1,5 @@ import type * as React from "react"; -import { THREAD_FOCUS_COLUMN_MAX_WIDTH_PX } from "@/features/channels/lib/threadFocusLayout"; - export type ThreadPanelLayoutProps = { columnMaxWidthPx?: number; headerLeading?: React.ReactNode; @@ -27,7 +25,10 @@ export function getThreadPanelLayout({ }: ThreadPanelLayoutOptions): ThreadPanelLayoutProps { return isFocusDrawer ? { - columnMaxWidthPx: THREAD_FOCUS_COLUMN_MAX_WIDTH_PX, + // Full-bleed to the drawer edge, matching split/channel/inbox views: + // an undefined max width drops both the reading-measure cap and the + // `mx-auto`/inline-gutter column treatment (see THREAD_PANEL_COLUMN_CLASS). + columnMaxWidthPx: undefined, headerLeading, isFocusMode: true, isSinglePanelView: true,