From f655ca5d608ca44727012069b480ddabd40826e5 Mon Sep 17 00:00:00 2001
From: Adrien Crivelli <adrien.crivelli@gmail.com>
Date: Mon, 20 Mar 2023 16:51:42 +0700
Subject: [PATCH] Don't show breadcrumb button without any label #9432

With MDC this would take up empty space, breaking layout, while not
showing anything to end-user, so being useless.
---
 .../detail-header/detail-header.component.html        | 11 ++++++++---
 src/app/detail-header/detail-header.component.html    |  5 +++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/projects/natural/src/lib/modules/detail-header/detail-header.component.html b/projects/natural/src/lib/modules/detail-header/detail-header.component.html
index 263aea37..5135aa9a 100644
--- a/projects/natural/src/lib/modules/detail-header/detail-header.component.html
+++ b/projects/natural/src/lib/modules/detail-header/detail-header.component.html
@@ -1,7 +1,12 @@
 <div class="breadcrumb">
-    <a [routerLink]="isPanel ? [] : getRootLink()" [fragment]="listFragment" color="primary" mat-button>{{
-        rootLabel || label
-    }}</a>
+    <a
+        *ngIf="rootLabel || label"
+        [routerLink]="isPanel ? [] : getRootLink()"
+        [fragment]="listFragment"
+        color="primary"
+        mat-button
+        >{{ rootLabel || label }}</a
+    >
     <ng-container *ngFor="let parent of breadcrumbs">
         /
         <a [routerLink]="isPanel ? [] : getLink(parent.id)" color="primary" mat-button>
diff --git a/src/app/detail-header/detail-header.component.html b/src/app/detail-header/detail-header.component.html
index 3282642a..c4b41ce1 100644
--- a/src/app/detail-header/detail-header.component.html
+++ b/src/app/detail-header/detail-header.component.html
@@ -51,4 +51,9 @@ <h2 class="mat-h2">All</h2>
             </div>
         </natural-detail-header>
     </div>
+    <div>
+        <h2 class="mat-h2">Minimal</h2>
+
+        <natural-detail-header [model]="model"> </natural-detail-header>
+    </div>
 </div>