[PM-10980] Style defect updates to Login Credentials (#10623)

* update login credentials to styling username, password, and pw count
This commit is contained in:
Jason Ng 2024-08-22 14:49:27 -04:00 committed by GitHub
parent c782c92f6c
commit 83ed0442de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 6 deletions

View File

@ -2,8 +2,8 @@
<bit-section-header> <bit-section-header>
<h2 bitTypography="h6">{{ "loginCredentials" | i18n }}</h2> <h2 bitTypography="h6">{{ "loginCredentials" | i18n }}</h2>
</bit-section-header> </bit-section-header>
<bit-card> <bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
<bit-form-field [disableMargin]="!cipher.login.password && !cipher.login.totp"> <bit-form-field *ngIf="cipher.login.username">
<bit-label> <bit-label>
{{ "username" | i18n }} {{ "username" | i18n }}
</bit-label> </bit-label>
@ -26,7 +26,7 @@
data-testid="toggle-username" data-testid="toggle-username"
></button> ></button>
</bit-form-field> </bit-form-field>
<bit-form-field [disableMargin]="!cipher.login.totp"> <bit-form-field *ngIf="cipher.login.password">
<bit-label>{{ "password" | i18n }}</bit-label> <bit-label>{{ "password" | i18n }}</bit-label>
<input <input
readonly readonly
@ -65,13 +65,16 @@
data-testid="copy-password" data-testid="copy-password"
></button> ></button>
</bit-form-field> </bit-form-field>
<ng-container *ngIf="showPasswordCount && passwordRevealed"> <div
*ngIf="showPasswordCount && passwordRevealed"
[ngClass]="{ 'tw-mt-3': !cipher.login.totp }"
>
<bit-color-password <bit-color-password
[password]="cipher.login.password" [password]="cipher.login.password"
[showCount]="true" [showCount]="true"
></bit-color-password> ></bit-color-password>
</ng-container> </div>
<bit-form-field disableMargin *ngIf="cipher.login.totp"> <bit-form-field *ngIf="cipher.login.totp">
<bit-label <bit-label
>{{ "verificationCodeTotp" | i18n }} >{{ "verificationCodeTotp" | i18n }}
<span <span