diff --git a/libs/components/src/dialog/dialog/dialog.component.html b/libs/components/src/dialog/dialog/dialog.component.html index 1b701a5058..030879deab 100644 --- a/libs/components/src/dialog/dialog/dialog.component.html +++ b/libs/components/src/dialog/dialog/dialog.component.html @@ -20,7 +20,7 @@ bitDialogTitleContainer bitTypography="h3" noMargin - class="tw-text-main tw-mb-0 tw-truncate" + class="tw-text-main tw-mb-0 tw-line-clamp-2 tw-text-ellipsis tw-break-words" > {{ title() }} @if (subtitle(); as subtitleText) { diff --git a/libs/components/src/dialog/dialog/dialog.stories.ts b/libs/components/src/dialog/dialog/dialog.stories.ts index f93ef1a2f2..d645d32764 100644 --- a/libs/components/src/dialog/dialog/dialog.stories.ts +++ b/libs/components/src/dialog/dialog/dialog.stories.ts @@ -125,7 +125,15 @@ export const LongTitle: Story = { ...Default, args: { dialogSize: "small", - title: "Long_Title_That_Should_Be_Truncated", + title: "Incredibly_Super_Long_Title_That_Should_Be_Truncated", + }, +}; + +export const LongTitleSentence: Story = { + ...Default, + args: { + dialogSize: "small", + title: "Very Long Sentence That Should Be Truncated After Two Lines", }, };