1
0
mirror of https://github.com/bitwarden/web synced 2026-01-04 17:43:47 +00:00

Change all remaining modals to be scrollable (#976)

* Change all remaining modals to be scrollable

* Fix password-generator-history and two-factor-options not using modal-body

* Remove modal-dialog-scrollable on two-factor-setup components
This commit is contained in:
Oscar Hinton
2021-05-14 21:03:45 +02:00
committed by GitHub
parent bb95eb84ea
commit a27be135da
28 changed files with 58 additions and 54 deletions

View File

@@ -1,5 +1,5 @@
<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="passHistoryTitle">
<div class="modal-dialog" role="document">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="passHistoryTitle">{{'passwordHistory' | i18n}}</h2>
@@ -7,21 +7,23 @@
<span aria-hidden="true">&times;</span>
</button>
</div>
<ul class="list-group list-group-flush" *ngIf="history.length">
<li class="list-group-item d-flex" *ngFor="let h of history">
<div class="password-row">
<div class="text-monospace password-wrapper" [innerHTML]="h.password | colorPassword"
appSelectCopy></div>
<small class="text-muted">{{h.date | date:'medium'}}</small>
</div>
<div class="ml-auto">
<button class="btn btn-link" appA11yTitle="{{'copyPassword' | i18n}}"
(click)="copy(h.password)">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button>
</div>
</li>
</ul>
<div class="modal-body" *ngIf="history.length">
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex" *ngFor="let h of history">
<div class="password-row">
<div class="text-monospace password-wrapper" [innerHTML]="h.password | colorPassword"
appSelectCopy></div>
<small class="text-muted">{{h.date | date:'medium'}}</small>
</div>
<div class="ml-auto">
<button class="btn btn-link" appA11yTitle="{{'copyPassword' | i18n}}"
(click)="copy(h.password)">
<i class="fa fa-lg fa-clone" aria-hidden="true"></i>
</button>
</div>
</li>
</ul>
</div>
<div class="modal-body" *ngIf="!history.length">
{{'noPasswordsInList' | i18n}}
</div>