Only use button for breadcrumb for admin users (#24836)

This commit is contained in:
Paul Bottein 2025-03-28 18:03:56 +01:00 committed by GitHub
parent a781bca94b
commit 52f4fe6bc0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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);
}
`,