[SM-402] Truncate dialog headers (#4854)

This commit is contained in:
Oscar Hinton 2023-02-24 17:29:49 +01:00 committed by GitHub
parent 84d211fb56
commit 8b5a223ad4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions

View File

@ -6,7 +6,7 @@
<div
class="tw-flex tw-items-center tw-gap-4 tw-border-0 tw-border-b tw-border-solid tw-border-secondary-300 tw-p-4"
>
<h1 bitDialogTitleContainer class="tw-mb-0 tw-grow tw-text-lg tw-uppercase">
<h1 bitDialogTitleContainer class="tw-mb-0 tw-grow tw-truncate tw-text-lg tw-uppercase">
<ng-content select="[bitDialogTitle]"></ng-content>
</h1>
<button

View File

@ -82,6 +82,12 @@ Small.args = {
title: "Small",
};
export const LongTitle = Template.bind({});
LongTitle.args = {
dialogSize: "small",
title: "Long_Title_That_Should_Be_Truncated",
};
export const Large = Template.bind({});
Large.args = {
dialogSize: "large",