Commits

Tim Donohue authored and GitHub committed 7d88897afb3 Merge
Merge pull request #1458 from atmire/w2p-85862-handling-very-long-strings

Handling very long strings for metadata and file names
No tags
gidlmaster

src/app/breadcrumbs/breadcrumbs.component.html

Modified
3 3 <ol class="container breadcrumb">
4 4 <ng-container
5 5 *ngTemplateOutlet="breadcrumbs?.length > 0 ? breadcrumb : activeBreadcrumb; context: {text: 'home.breadcrumbs', url: '/'}"></ng-container>
6 6 <ng-container *ngFor="let bc of breadcrumbs; let last = last;">
7 7 <ng-container *ngTemplateOutlet="!last ? breadcrumb : activeBreadcrumb; context: bc"></ng-container>
8 8 </ng-container>
9 9 </ol>
10 10 </nav>
11 11
12 12 <ng-template #breadcrumb let-text="text" let-url="url">
13 - <li class="breadcrumb-item"><a [routerLink]="url">{{text | translate}}</a></li>
13 + <li class="breadcrumb-item"><div class="breadcrumb-item-limiter"><a [routerLink]="url" class="text-truncate">{{text | translate}}</a></div></li>
14 14 </ng-template>
15 15
16 16 <ng-template #activeBreadcrumb let-text="text">
17 - <li class="breadcrumb-item active" aria-current="page">{{text | translate}}</li>
17 + <li class="breadcrumb-item active" aria-current="page"><div class="breadcrumb-item-limiter"><div class="text-truncate">{{text | translate}}</div></div></li>
18 18 </ng-template>
19 19 </ng-container>
20 20

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut