mirror of
https://github.com/bitwarden/browser
synced 2025-12-18 17:23:37 +00:00
09169cac71
* [CL-254] Rename 500 colors to 600 to prep for UI redesign --------- Co-authored-by: Will Martin <contact@willmartian.com>
30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<details #details class="tw-rounded-sm tw-bg-background-alt tw-text-main" (toggle)="toggle()" open>
|
|
<summary class="tw-list-none tw-p-2 tw-px-4">
|
|
<div class="tw-flex tw-select-none tw-items-center tw-gap-4">
|
|
<i class="bwi bwi-dashboard tw-text-3xl tw-text-primary-600" aria-hidden="true"></i>
|
|
<div class="tw-text-lg">{{ title }}</div>
|
|
<bit-progress class="tw-flex-1" [showText]="false" [barWidth]="barWidth"></bit-progress>
|
|
<span *ngIf="tasks.length > 0; else spinner">
|
|
{{ "complete" | i18n: amountCompleted : tasks.length }}
|
|
</span>
|
|
<i
|
|
class="bwi tw-my-auto"
|
|
[ngClass]="open ? 'bwi-angle-down' : 'bwi-angle-up'"
|
|
aria-hidden="true"
|
|
></i>
|
|
</div>
|
|
</summary>
|
|
<ul class="tw-mb-0 tw-ml-6 tw-flex tw-flex-col tw-gap-4">
|
|
<ng-content></ng-content>
|
|
</ul>
|
|
<div class="tw-p-4 tw-pt-0">
|
|
<button bitLink type="button" class="tw-ml-auto tw-block" (click)="dismiss.emit()">
|
|
{{ "dismiss" | i18n }}
|
|
</button>
|
|
</div>
|
|
</details>
|
|
|
|
<ng-template #spinner>
|
|
<i class="bwi bwi-spinner bwi-spin"></i>
|
|
</ng-template>
|