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

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

Browse Source
This commit is contained in:
Oscar Hinton
2023-02-24 17:29:49 +01:00
committed by GitHub
parent 84d211fb56
commit 8b5a223ad4
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,7 +6,7 @@
<div <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" 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> <ng-content select="[bitDialogTitle]"></ng-content>
</h1> </h1>
<button <button

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

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