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

feat(AccountSecurityComponent & Fingerprint Dialog): [Auth/PM-14588] fix all reported styling issues (#13525)

Browse Source
This commit is contained in:
Jared Snider
2025-02-24 09:39:44 -05:00
committed by GitHub
parent 7a32eeb28d
commit 7015734bec
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/browser/src/auth/popup/settings/account-security.component.html
View File

@@ -5,7 +5,7 @@
</ng-container> </ng-container>
</popup-header> </popup-header>
<div class="tw-bg-background-alt tw-p-2" [formGroup]="form"> <div [formGroup]="form">
<bit-section> <bit-section>
<bit-section-header> <bit-section-header>
<h2 bitTypography="h6">{{ "unlockMethods" | i18n }}</h2> <h2 bitTypography="h6">{{ "unlockMethods" | i18n }}</h2>
@@ -59,6 +59,7 @@
</bit-form-control> </bit-form-control>
</bit-card> </bit-card>
</bit-section> </bit-section>
<bit-section> <bit-section>
<bit-section-header> <bit-section-header>
<h2 bitTypography="h6">{{ "vaultTimeoutHeader" | i18n }}</h2> <h2 bitTypography="h6">{{ "vaultTimeoutHeader" | i18n }}</h2>
@@ -71,6 +72,7 @@
ngDefaultControl ngDefaultControl
> >
</auth-vault-timeout-input> </auth-vault-timeout-input>
<bit-form-field disableMargin> <bit-form-field disableMargin>
<bit-label for="vaultTimeoutAction">{{ "vaultTimeoutAction1" | i18n }}</bit-label> <bit-label for="vaultTimeoutAction">{{ "vaultTimeoutAction1" | i18n }}</bit-label>
<bit-select id="vaultTimeoutAction" formControlName="vaultTimeoutAction"> <bit-select id="vaultTimeoutAction" formControlName="vaultTimeoutAction">
@@ -81,24 +83,24 @@
> >
</bit-option> </bit-option>
</bit-select> </bit-select>
<bit-hint class="tw-text-sm" id="vaultTimeoutActionHelp">
{{ "vaultTimeoutActionDesc" | i18n }}
</bit-hint>
<bit-hint *ngIf="!availableVaultTimeoutActions.includes(VaultTimeoutAction.Lock)"> <bit-hint *ngIf="!availableVaultTimeoutActions.includes(VaultTimeoutAction.Lock)">
{{ "unlockMethodNeededToChangeTimeoutActionDesc" | i18n }}<br /> {{ "unlockMethodNeededToChangeTimeoutActionDesc" | i18n }}<br />
</bit-hint> </bit-hint>
</bit-form-field> </bit-form-field>
<bit-hint *ngIf="hasVaultTimeoutPolicy">
<bit-hint *ngIf="hasVaultTimeoutPolicy" class="tw-mt-4">
{{ "vaultTimeoutPolicyAffectingOptions" | i18n }} {{ "vaultTimeoutPolicyAffectingOptions" | i18n }}
</bit-hint> </bit-hint>
</bit-card> </bit-card>
</bit-section> </bit-section>
<bit-section> <bit-section>
<bit-section-header> <bit-section-header>
<h2 bitTypography="h6">{{ "otherOptions" | i18n }}</h2> <h2 bitTypography="h6">{{ "otherOptions" | i18n }}</h2>
</bit-section-header> </bit-section-header>
<bit-item> <bit-item>
<button bit-item-content type="button" appStopClick (click)="fingerprint()"> <button bit-item-content type="button" appStopClick (click)="openAcctFingerprintDialog()">
{{ "fingerprintPhrase" | i18n }} {{ "fingerprintPhrase" | i18n }}
</button> </button>
</bit-item> </bit-item>

2
apps/browser/src/auth/popup/settings/account-security.component.ts
View File

@@ -622,7 +622,7 @@ export class AccountSecurityComponent implements OnInit, OnDestroy {
} }
} }
async fingerprint() { async openAcctFingerprintDialog() {
const activeUserId = await firstValueFrom( const activeUserId = await firstValueFrom(
this.accountService.activeAccount$.pipe(map((a) => a?.id)), this.accountService.activeAccount$.pipe(map((a) => a?.id)),
); );

2
libs/auth/src/angular/fingerprint-dialog/fingerprint-dialog.component.html
View File

@@ -1,5 +1,5 @@
<bit-simple-dialog> <bit-simple-dialog>
<i bitDialogIcon class="bwi bwi-info-circle tw-text-3xl" aria-hidden="true"></i> <i bitDialogIcon class="bwi bwi-info-circle tw-text-info tw-text-3xl" aria-hidden="true"></i>
<span bitDialogTitle <span bitDialogTitle
><strong>{{ "yourAccountsFingerprint" | i18n }}:</strong></span ><strong>{{ "yourAccountsFingerprint" | i18n }}:</strong></span
> >