bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 13:23:34 +00:00
Code Issues Releases Wiki Activity

[PM-14292] Update dialog header to truncate past 2 lines (#15708)

Browse Source 
* Update dialog header to truncate past 2 lines

* Fix case where title is one long word

* Fix random white space

* Fix one long word to truncate

* Switch to break words

* Remove pre-line
This commit is contained in:
Mark Youssef
2025-10-02 13:38:09 -07:00
committed by GitHub
parent 8315c68567
commit 83c457920e
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/dialog/dialog/dialog.component.html
View File

@@ -20,7 +20,7 @@
bitDialogTitleContainer bitDialogTitleContainer
bitTypography="h3" bitTypography="h3"
noMargin 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() }} {{ title() }}
@if (subtitle(); as subtitleText) { @if (subtitle(); as subtitleText) {

10
libs/components/src/dialog/dialog/dialog.stories.ts
View File

@@ -125,7 +125,15 @@ export const LongTitle: Story = {
...Default, ...Default,
args: { args: {
dialogSize: "small", 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",
}, },
}; };