mirror of
https://github.com/bitwarden/clients.git
synced 2026-07-01 21:10:49 +08:00
d528d72b4d
- more semantically accurate, will expose these as buttons to assistive technologies - note: while having block-level elements like `<div>` inside a `<button>` is an html validation error, it does not affect functionality as long as there's no more structure inside it
28 lines
999 B
HTML
28 lines
999 B
HTML
<header>
|
|
<div class="left">
|
|
<a routerLink="/tabs/settings">
|
|
<span class="header-icon"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
|
|
<span>{{'back' | i18n}}</span>
|
|
</a>
|
|
</div>
|
|
<div class="center">
|
|
<span class="title">{{'folders' | i18n}}</span>
|
|
</div>
|
|
<div class="right">
|
|
<button type="button" appBlurClick (click)="addFolder()" appA11yTitle="{{'addFolder' | i18n}}">
|
|
<i class="fa fa-plus fa-lg fa-fw" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
<content>
|
|
<div class="box list full-list" *ngIf="folders && folders.length">
|
|
<div class="box-content">
|
|
<button type="button" appStopClick (click)="folderSelected(f)" class="box-content-row padded"
|
|
*ngFor="let f of folders">{{f.name}}</button>
|
|
</div>
|
|
</div>
|
|
<div class="no-items" *ngIf="!folders || !folders.length">
|
|
<p>{{'noFolders' | i18n}}</p>
|
|
</div>
|
|
</content>
|