src/app: adjust item count style

Minor adjustment to community and collection item counts. Instead of
using the Bootstrap `lead` class, which reduces weight but increases
size, we should use the same badge / pill style used in other counts
like on on the browse by pages.
This commit is contained in:
Alan Orth
2023-06-19 20:59:05 +03:00
parent 2fa8ab5365
commit 07a8024daa
3 changed files with 29 additions and 20 deletions

View File

@@ -1,10 +1,13 @@
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null" [routerLink]="['/collections/' + object.id]" class="lead">
{{ dsoNameService.getName(object) }}
</a>
<span *ngIf="linkType == linkTypes.None" class="lead">
{{ dsoNameService.getName(object) }}
</span>
<span *ngIf="object.archivedItemsCount >= 0" class="lead archived-items-lead">[{{object.archivedItemsCount}}]</span>
<div class="d-flex flex-row">
<a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null" [routerLink]="['/collections/' + object.id]" class="lead">
{{ dsoNameService.getName(object) }}
</a>
<span *ngIf="linkType == linkTypes.None" class="lead">
{{ dsoNameService.getName(object) }}
</span>
<span class="pr-2">&nbsp;</span>
<span *ngIf="object.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-self-center archived-items-lead">{{object.archivedItemsCount}}</span>
</div>
<div *ngIf="object.shortDescription" class="text-muted abstract-text">
{{object.shortDescription}}
</div>