From 1480c3f13a872a78f0f326fbb90013810714e37e Mon Sep 17 00:00:00 2001 From: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com> Date: Thu, 21 Mar 2024 15:51:22 -0700 Subject: [PATCH] Fix wide toasts in debuglog window --- stylesheets/components/Toast.scss | 2 +- ts/components/DebugLogWindow.tsx | 5 ++--- ts/components/ToastManager.tsx | 2 +- 3 files changed, 4 insertions(+), 5 deletions(-) diff --git a/stylesheets/components/Toast.scss b/stylesheets/components/Toast.scss index 6a00e01400b1..65a3142157b8 100644 --- a/stylesheets/components/Toast.scss +++ b/stylesheets/components/Toast.scss @@ -30,7 +30,7 @@ } .ToastManager--narrow-sidebar & { - min-width: max-content; + width: max-content; } .ToastManager--narrow-sidebar.ToastManager--composition-area-visible & { diff --git a/ts/components/DebugLogWindow.tsx b/ts/components/DebugLogWindow.tsx index ed0624b893b4..b51105e7ce6b 100644 --- a/ts/components/DebugLogWindow.tsx +++ b/ts/components/DebugLogWindow.tsx @@ -12,7 +12,6 @@ import * as log from '../logging/log'; import { Button, ButtonVariant } from './Button'; import { Spinner } from './Spinner'; import { ToastManager } from './ToastManager'; -import { WidthBreakpoint } from './_util'; import { createSupportUrl } from '../util/createSupportUrl'; import { shouldNeverBeCalled } from '../util/shouldNeverBeCalled'; import { openLinkInWebBrowser } from '../util/openLinkInWebBrowser'; @@ -157,7 +156,7 @@ export function DebugLogWindow({ onUndoArchive={shouldNeverBeCalled} openFileInFolder={shouldNeverBeCalled} toast={toast} - containerWidthBreakpoint={WidthBreakpoint.Narrow} + containerWidthBreakpoint={null} /> ); @@ -213,7 +212,7 @@ export function DebugLogWindow({ onUndoArchive={shouldNeverBeCalled} openFileInFolder={shouldNeverBeCalled} toast={toast} - containerWidthBreakpoint={WidthBreakpoint.Narrow} + containerWidthBreakpoint={null} /> ); diff --git a/ts/components/ToastManager.tsx b/ts/components/ToastManager.tsx index 623af7f7041d..7957509dba2f 100644 --- a/ts/components/ToastManager.tsx +++ b/ts/components/ToastManager.tsx @@ -27,7 +27,7 @@ export type PropsType = { toast?: AnyToast; megaphone?: AnyActionableMegaphone; centerToast?: boolean; - containerWidthBreakpoint: WidthBreakpoint; + containerWidthBreakpoint: WidthBreakpoint | null; isCompositionAreaVisible?: boolean; };