mgr/dashboard: Use badges for counters in tabs (#31938)

mgr/dashboard: Use badges for counters in tabs

Reviewed-by: Stephan Müller <smueller@suse.com>
Reviewed-by: Tiago Melo <tmelo@suse.com>
Reviewed-by: Volker Theile <vtheile@suse.com>
This commit is contained in:
Lenz Grimmer 2019-12-12 09:44:18 +00:00 committed by GitHub
commit 63c6c230aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 3 deletions

View File

@ -5,9 +5,11 @@
<cd-cephfs-detail [data]="details">
</cd-cephfs-detail>
</tab>
<tab i18n-heading
(selectTab)="softRefresh()"
heading="Clients: {{ clients.data.length }}">
<tab (selectTab)="softRefresh()">
<ng-template tabHeading>
<ng-container i18n>Clients</ng-container>
<span class="badge badge-pill badge-tab ml-1">{{ clients.data.length }}</span>
</ng-template>
<cd-cephfs-clients [id]="id"
[clients]="clients"
(triggerApiUpdate)="refresh()">

View File

@ -442,3 +442,7 @@ bfv-messages {
color: $color-solid-white;
background-color: $color-blue;
}
.badge-tab {
color: $color-solid-gray;
background-color: $color-light-shade-gray;
}