RED-3448: Improve long breadcrumbs

apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html

@@ -9,11 +9,13 @@
             <mat-icon *ngIf="!first" svgIcon="iqser:arrow-right"></mat-icon>
 
             <a
+                [class.clamp]="breadcrumb.clamp"
+                [id]="first ? 'navigateToActiveDossiers' : ''"
+                [matTooltip]="breadcrumb.clamp && (breadcrumb.name$ | async)"
                 [routerLinkActiveOptions]="breadcrumb.routerLinkActiveOptions || { exact: false }"
                 [routerLink]="breadcrumb.routerLink"
                 class="breadcrumb"
                 routerLinkActive="active"
-                [id]="first ? 'navigateToActiveDossiers' : ''"
             >
                 {{ breadcrumb.name$ | async }}
             </a>

apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.scss

@@ -4,7 +4,7 @@
     overflow: hidden;
     height: 100%;
 
-    > *:not(:last-child) {
+    > .breadcrumbs > *:not(:last-child) {
         margin-right: 6px;
     }
 }

apps/red-ui/src/app/services/breadcrumbs.service.ts

@@ -15,6 +15,7 @@ export interface Breadcrumb {
     readonly name$: Observable<string>;
     readonly routerLink?: string[];
     readonly routerLinkActiveOptions?: RouterLinkActiveOptions | undefined;
+    readonly clamp?: boolean;
 }
 
 export type Breadcrumbs = List<Breadcrumb>;
@@ -88,6 +89,7 @@ export class BreadcrumbsService {
             name$: this._dossiersService.getEntityChanged$(dossierId).pipe(pluck('dossierName')),
             routerLink: ['/main', 'dossiers', dossierId],
             routerLinkActiveOptions: { exact: true },
+            clamp: true,
         });
     }
 
@@ -97,6 +99,7 @@ export class BreadcrumbsService {
         this._append({
             name$: this._filesMapService.watch$(dossierId, fileId).pipe(pluck('filename')),
             routerLink: ['/main', 'dossiers', dossierId, 'file', fileId],
+            clamp: true,
         });
     }
 }

libs/common-ui

@@ -1 +1 @@
-Subproject commit ab4568eb9d6a099b23ce4df07702e3f834fd8a5b
+Subproject commit 9b6a1b79db607bf4cb679fb1139414985c2f0b6d