fix: Fix thumbnail rendering issues (#2058)

- Closes #2054
This commit is contained in:
Dermot Duffy
2025-05-22 21:21:04 -07:00
committed by GitHub
parent 95c926e237
commit c342c5d529
6 changed files with 45 additions and 26 deletions
+17 -15
View File
@@ -40,27 +40,29 @@ export class AdvancedCameraCardThumbnailDetails extends LitElement {
const heading = this._controller.getHeading();
const details = this._controller.getDetails();
return html`<div class="details">
return html`
${heading
? html` <div class="title">
? html` <div class="heading">
<span title=${heading}>${heading}</span>
</div>`
: ``}
${details
? details.map(
(detail) =>
html`<div>
${detail.icon
? html` <advanced-camera-card-icon
title=${detail.hint ?? ''}
.icon=${detail.icon}
></advanced-camera-card-icon>`
: ''}
<span>${detail.title}</span>
</div>`,
)
? html` <div class="details">
${details.map(
(detail) =>
html`<div>
${detail.icon
? html` <advanced-camera-card-icon
title=${detail.hint ?? ''}
.icon=${detail.icon}
></advanced-camera-card-icon>`
: ''}
<span>${detail.title}</span>
</div>`,
)}
</div>`
: ''}
</div> `;
`;
}
static get styles(): CSSResult {