[PM-10980] Style defect updates to Login Credentials (#10623)
* update login credentials to styling username, password, and pw count
This commit is contained in:
parent
c782c92f6c
commit
83ed0442de
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue