1
0
mirror of https://github.com/bitwarden/browser synced 2026-02-08 20:50:28 +00:00

add tooltip and screen-reader text describing popout behavior

This commit is contained in:
John Harrington
2026-01-13 15:40:09 -07:00
parent dd07d6ef6b
commit a01496b680
3 changed files with 11 additions and 4 deletions

View File

@@ -4,13 +4,15 @@
type="button"
(click)="openAttachments()"
[disabled]="parentFormDisabled"
[title]="'popOutNewWindow' | i18n"
>
<div class="tw-flex tw-items-center tw-gap-2">
{{ "attachments" | i18n }}
<app-premium-badge></app-premium-badge>
</div>
<ng-container slot="end">
<i class="bwi bwi-angle-right" aria-hidden="true"></i>
<span class="tw-sr-only">{{ "popOutNewWindow" | i18n }}</span>
<i class="bwi bwi-popout tw-text-muted" aria-hidden="true"></i>
</ng-container>
</button>
</bit-item>

View File

@@ -13,7 +13,7 @@
</a>
</bit-item>
<bit-item>
<button type="button" bit-item-content (click)="import()">
<button type="button" bit-item-content (click)="import()" [title]="'popOutNewWindow' | i18n">
<div class="tw-flex tw-items-center tw-justify-center tw-gap-2">
<p>{{ "importNoun" | i18n }}</p>
<span
@@ -25,7 +25,10 @@
1
</span>
</div>
<i slot="end" class="bwi bwi-angle-right" aria-hidden="true"></i>
<ng-container slot="end">
<span class="tw-sr-only">{{ "popOutNewWindow" | i18n }}</span>
<i class="bwi bwi-popout tw-text-muted" aria-hidden="true"></i>
</ng-container>
</button>
</bit-item>
<bit-item>

View File

@@ -7,11 +7,13 @@
<i class="bwi bwi-file-text" slot="start" aria-hidden="true"></i>
{{ "sendTypeText" | i18n }}
</a>
<a bitMenuItem (click)="sendFileClick()">
<a bitMenuItem (click)="sendFileClick()" [title]="'popOutNewWindow' | i18n">
<div class="tw-flex tw-items-center tw-gap-2">
<i class="bwi bwi-file" slot="start" aria-hidden="true"></i>
{{ "sendTypeFile" | i18n }}
<app-premium-badge></app-premium-badge>
</div>
<span class="tw-sr-only">{{ "popOutNewWindow" | i18n }}</span>
<i class="bwi bwi-popout tw-text-muted" slot="end" aria-hidden="true"></i>
</a>
</bit-menu>