Prevent horizontal scrollbar in snackbar

This commit is contained in:
schroda
2025-02-10 23:26:33 +01:00
parent 94b4bdfa10
commit ca7bd6898e

View File

@@ -16,7 +16,7 @@ import { awaitConfirmation } from '@/modules/core/utils/AwaitableDialog.tsx';
import { TranslationKey } from '@/Base.types.ts'; import { TranslationKey } from '@/Base.types.ts';
import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts'; import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
const MAX_DESCRIPTION_LENGTH = 75; const MAX_DESCRIPTION_LENGTH = 255;
const SNACKBAR_VARIANT_TO_TRANSLATION_KEY: Record<VariantType, TranslationKey> = { const SNACKBAR_VARIANT_TO_TRANSLATION_KEY: Record<VariantType, TranslationKey> = {
default: 'global.label.info', default: 'global.label.info',
@@ -59,7 +59,7 @@ export const SnackbarWithDescription = memo(
elevation={1} elevation={1}
severity={severity} severity={severity}
action={finalAction} action={finalAction}
sx={{ minWidth: '100%' }} sx={{ minWidth: '100%', wordBreak: 'break-word' }}
onClose={() => closeSnackbar(id)} onClose={() => closeSnackbar(id)}
> >
<TitleComponent>{message}</TitleComponent> <TitleComponent>{message}</TitleComponent>