bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-04 09:33:27 +00:00
Code Issues Releases Wiki Activity

Further Dark Theme QA Fixes (#1217)

Browse Source 
* Add webAuthn logo for dark theme

* Add alt tags to 2FA logo images
This commit is contained in:
Danny Murphy
2021-10-07 23:47:32 +01:00
committed by GitHub
parent 37752b566b
commit d4b13c461d
11 changed files with 35 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/settings/two-factor-authenticator.component.html
View File

@@ -16,7 +16,7 @@
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate *ngIf="authed">
<div class="modal-body">
<ng-container *ngIf="!enabled">
<img src="../../images/two-factor/0.png" class="float-right" alt="">
<img class="float-right mfaType0" alt="Authenticator app logo">
<p>{{'twoStepAuthenticatorDesc' | i18n}}</p>
<p>
<strong>1. {{'twoStepAuthenticatorDownloadApp' | i18n}}</strong>
@@ -27,7 +27,7 @@
<p>{{'twoStepLoginProviderEnabled' | i18n}}</p>
{{'twoStepAuthenticatorReaddDesc' | i18n}}
</app-callout>
<img src="../../images/two-factor/0.png" class="float-right" alt="">
<img class="float-right mfaType0" alt="Authenticator app logo">
<p>{{'twoStepAuthenticatorNeedApp' | i18n}}</p>
</ng-container>
<ul class="fa-ul">

4
src/app/settings/two-factor-duo.component.html
View File

@@ -20,7 +20,7 @@
<app-callout type="success" title="{{'enabled' | i18n}}" icon="fa-check-circle">
{{'twoStepLoginProviderEnabled' | i18n}}
</app-callout>
<img src="../../images/two-factor/2.png" class="float-right ml-3" alt="">
<img class="float-right ml-3 mfaType2" alt="Duo logo">
<strong>{{'twoFactorDuoIntegrationKey' | i18n}}:</strong> {{ikey}}
<br>
<strong>{{'twoFactorDuoSecretKey' | i18n}}:</strong> {{skey}}
@@ -28,7 +28,7 @@
<strong>{{'twoFactorDuoApiHostname' | i18n}}:</strong> {{host}}
</ng-container>
<ng-container *ngIf="!enabled">
<img src="../../images/two-factor/2.png" class="float-right ml-3" alt="">
<img class="float-right ml-3 mfaType2" alt="Duo logo">
<p>{{'twoFactorDuoDesc' | i18n}}</p>
<div class="form-group">
<label for="ikey">{{'twoFactorDuoIntegrationKey' | i18n}}</label>

2
src/app/settings/two-factor-email.component.html
View File

@@ -24,7 +24,7 @@
<ng-container *ngIf="!enabled">
<p class="d-flex">
<span class="mr-3">{{'twoFactorEmailDesc' | i18n}}</span>
<img src="../../images/two-factor/1.png" class="float-right ml-auto" alt="">
<img class="float-right ml-auto mfaType1" alt="Email logo">
</p>
<div class="form-group">
<label for="email">1. {{'twoFactorEmailEnterEmail' | i18n}}</label>

2
src/app/settings/two-factor-setup.component.html
View File

@@ -21,7 +21,7 @@
<ul class="list-group list-group-2fa">
<li *ngFor="let p of providers" class="list-group-item d-flex align-items-center">
<div class="logo-2fa d-flex justify-content-center">
<img [src]="'images/two-factor/' + p.type + '.png'" alt="">
<img [class]="'mfaType' + p.type" [alt]="p.name + ' logo'">
</div>
<div class="mx-4">
<h3 class="mb-0">

2
src/app/settings/two-factor-webauthn.component.html
View File

@@ -24,7 +24,7 @@
<li>{{'twoFactorWebAuthnSupportWeb' | i18n}}</li>
</ul>
</app-callout>
<img src="../../images/two-factor/7.png" class="float-right ml-5" alt="">
<img class="float-right ml-5 mfaType7" alt="FIDO2 WebAuthn logo'">
<ul class="fa-ul">
<li *ngFor="let k of keys; let i = index" #removeKeyBtn [appApiAction]="k.removePromise">
<i class="fa-li fa fa-key"></i>

2
src/app/settings/two-factor-yubikey.component.html
View File

@@ -26,7 +26,7 @@
<li>{{'twoFactorYubikeySupportMobile' | i18n}}</li>
</ul>
</app-callout>
<img src="../../images/two-factor/3.png" class="float-right" alt="">
<img class="float-right mfaType3" alt="YubiKey OTP security key logo">
<p>{{'twoFactorYubikeyAdd' | i18n}}:</p>
<ol>
<li>{{'twoFactorYubikeyPlugIn' | i18n}}</li>