Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-23 11:56:00 +01:00
Code Issues Projects Releases Wiki Activity

make inline buttons accessible with tab button (#779)

Browse Source
This commit is contained in:
Thomas Rittson 2021-01-22 09:00:03 +10:00 committed by GitHub
parent d93392ba8b
commit 3ffc035db3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/vault/add-edit.component.html
View File

@ -47,7 +47,7 @@
<div class="input-group-append" *ngIf="!cipher.isDeleted"> <div class="input-group-append" *ngIf="!cipher.isDeleted">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyUsername' | i18n}}" appA11yTitle="{{'copyUsername' | i18n}}"
(click)="copy(cipher.login.username, 'username', 'Username')" tabindex="-1"> (click)="copy(cipher.login.username, 'username', 'Username')">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -80,13 +80,13 @@
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="togglePassword()" appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="togglePassword()"
tabindex="-1" [disabled]="!cipher.viewPassword"> [disabled]="!cipher.viewPassword">
<i class="fa fa-lg" aria-hidden="true" <i class="fa fa-lg" aria-hidden="true"
[ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i> [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
</button> </button>
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyPassword' | i18n}}" appA11yTitle="{{'copyPassword' | i18n}}"
(click)="copy(cipher.login.password, 'password', 'Password')" tabindex="-1" (click)="copy(cipher.login.password, 'password', 'Password')"
[disabled]="!cipher.viewPassword"> [disabled]="!cipher.viewPassword">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
@ -148,12 +148,11 @@
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'launch' | i18n}}" (click)="launch(u)" appA11yTitle="{{'launch' | i18n}}" (click)="launch(u)"
[disabled]="!u.canLaunch" tabindex="-1"> [disabled]="!u.canLaunch">
<i class="fa fa-lg fa-share" aria-hidden="true"></i> <i class="fa fa-lg fa-share" aria-hidden="true"></i>
</button> </button>
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyUri' | i18n}}" (click)="copy(u.uri, 'uri', 'URI')" appA11yTitle="{{'copyUri' | i18n}}" (click)="copy(u.uri, 'uri', 'URI')">
tabindex="-1">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -216,7 +215,7 @@
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyNumber' | i18n}}" appA11yTitle="{{'copyNumber' | i18n}}"
(click)="copy(cipher.card.number, 'number', 'Number')" tabindex="-1"> (click)="copy(cipher.card.number, 'number', 'Number')">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -246,14 +245,13 @@
[disabled]="cipher.isDeleted || viewOnly"> [disabled]="cipher.isDeleted || viewOnly">
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleCardCode()" appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleCardCode()">
tabindex="-1">
<i class="fa fa-lg" aria-hidden="true" <i class="fa fa-lg" aria-hidden="true"
[ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i> [ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
</button> </button>
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'securityCode' | i18n}}" appA11yTitle="{{'securityCode' | i18n}}"
(click)="copy(cipher.card.code, 'securityCode', 'Security Code')" tabindex="-1"> (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -408,7 +406,7 @@
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyValue' | i18n}}" appA11yTitle="{{'copyValue' | i18n}}"
(click)="copy(f.value, 'value', 'Field')" tabindex="-1"> (click)="copy(f.value, 'value', 'Field')">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -421,7 +419,7 @@
<div class="input-group-append"> <div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleFieldValue(f)" appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleFieldValue(f)"
tabindex="-1" [disabled]="!cipher.viewPassword && !f.newField"> [disabled]="!cipher.viewPassword && !f.newField">
<i class="fa fa-lg" aria-hidden="true" <i class="fa fa-lg" aria-hidden="true"
[ngClass]="{'fa-eye': !f.showValue, 'fa-eye-slash': f.showValue}"> [ngClass]="{'fa-eye': !f.showValue, 'fa-eye-slash': f.showValue}">
</i> </i>
@ -429,7 +427,7 @@
<button type="button" class="btn btn-outline-secondary" <button type="button" class="btn btn-outline-secondary"
appA11yTitle="{{'copyValue' | i18n}}" appA11yTitle="{{'copyValue' | i18n}}"
(click)="copy(f.value, 'value', f.type === fieldType.Hidden ? 'H_Field' : 'Field')" (click)="copy(f.value, 'value', f.type === fieldType.Hidden ? 'H_Field' : 'Field')"
tabindex="-1" [disabled]="!cipher.viewPassword && !f.newField"> [disabled]="!cipher.viewPassword && !f.newField">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i> <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button> </button>
</div> </div>