From 52f4fe6bc04de93036558ab298a49827aa0e896a Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Fri, 28 Mar 2025 18:03:56 +0100
Subject: [PATCH] Only use button for breadcrumb for admin users (#24836)

---
 src/dialogs/more-info/ha-more-info-dialog.ts | 33 +++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 57c415f3b9..05fd468616 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -357,15 +357,21 @@ export class MoreInfoDialog extends LitElement {
               `}
           <span slot="title" @click=${this._enlarge} class="title">
             ${breadcrumb.length > 0
-              ? html`
-                  <button
-                    class="breadcrumb"
-                    @click=${this._breadcrumbClick}
-                    aria-label=${breadcrumb.join(" > ")}
-                  >
-                    ${join(breadcrumb, html`<ha-icon-next></ha-icon-next>`)}
-                  </button>
-                `
+              ? !__DEMO__ && isAdmin
+                ? html`
+                    <button
+                      class="breadcrumb"
+                      @click=${this._breadcrumbClick}
+                      aria-label=${breadcrumb.join(" > ")}
+                    >
+                      ${join(breadcrumb, html`<ha-icon-next></ha-icon-next>`)}
+                    </button>
+                  `
+                : html`
+                    <p class="breadcrumb">
+                      ${join(breadcrumb, html`<ha-icon-next></ha-icon-next>`)}
+                    </p>
+                  `
               : nothing}
             <p class="main">${title}</p>
           </span>
@@ -687,15 +693,18 @@ export class MoreInfoDialog extends LitElement {
           margin-top: -10px;
           background: none;
           border: none;
-          cursor: pointer;
           outline: none;
           display: inline-flex;
           border-radius: 6px;
           transition: background-color 180ms ease-in-out;
         }
 
-        .title .breadcrumb:focus-visible,
-        .title .breadcrumb:hover {
+        .title button.breadcrumb {
+          cursor: pointer;
+        }
+
+        .title button.breadcrumb:focus-visible,
+        .title button.breadcrumb:hover {
           background-color: rgba(var(--rgb-secondary-text-color), 0.08);
         }
       `,