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

[CL-923] Try silencing flaky chromatic tests from dialog border (#17497)

Browse Source
This commit is contained in:
Vicki League
2025-11-26 12:26:45 -05:00
committed by GitHub
parent 5b088e2e99
commit f824530b11
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -75,13 +75,19 @@
@let isScrollable = isScrollable$ | async; @let isScrollable = isScrollable$ | async;
@let showFooterBorder = @let showFooterBorder =
(!bodyHasScrolledFrom().top && isScrollable) || bodyHasScrolledFrom().bottom; (!bodyHasScrolledFrom().top && isScrollable) || bodyHasScrolledFrom().bottom;
<div
class="tw-border-0 tw-border-t tw-border-solid"
[ngClass]="{
'tw-border-transparent': !showFooterBorder,
'tw-border-secondary-100': showFooterBorder,
}"
data-chromatic="ignore"
></div>
<footer <footer
class="tw-flex tw-flex-row tw-items-center tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-bg-background tw-py-5 tw-ps-6 tw-pe-4" class="tw-flex tw-flex-row tw-items-center tw-gap-2 tw-bg-background tw-py-5 tw-ps-6 tw-pe-4"
[ngClass]="{ [ngClass]="{
'tw-px-6 tw-py-4': isDrawer, 'tw-px-6 tw-py-4': isDrawer,
'tw-p-4 has-[[biticonbutton]]:tw-pe-2': !isDrawer, 'tw-p-4 has-[[biticonbutton]]:tw-pe-2': !isDrawer,
'tw-border-transparent': !showFooterBorder,
'tw-border-secondary-100': showFooterBorder,
}" }"
> >
<ng-content select="[bitDialogFooter]"></ng-content> <ng-content select="[bitDialogFooter]"></ng-content>