jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve rendering status text on integration cards (#8973)

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-04-23 00:30:17 -07:00 committed by GitHub
parent 899eab4e5c
commit b599417a37
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panels/config/integrations/ha-integration-card.ts
View File

@ -212,14 +212,17 @@ export class HaIntegrationCard extends LitElement {
}
return html`
<div class="content">
${stateText
? html`
<div class="message">
${stateText
? html`
<div class="message">
<ha-svg-icon .path=${mdiAlertCircle}></ha-svg-icon>
<div>
${this.hass.localize(...stateText)}${stateTextExtra}
</div>
`
: ""}
</div>
`
: ""}
<div class="content">
${devices.length || services.length || entities.length
? html`
<div>
@ -621,8 +624,17 @@ export class HaIntegrationCard extends LitElement {
.message {
font-weight: bold;
padding-bottom: 16px;
display: flex;
margin-left: 40px;
}
.message ha-svg-icon {
color: var(--state-message-color);
}
.message div {
flex: 1;
margin-left: 8px;
padding-top: 2px;
}
.content {
flex: 1;