jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +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` return html`
<div class="content"> ${stateText
${stateText ? html`
? html` <div class="message">
<div class="message"> <ha-svg-icon .path=${mdiAlertCircle}></ha-svg-icon>
<div>
${this.hass.localize(...stateText)}${stateTextExtra} ${this.hass.localize(...stateText)}${stateTextExtra}
</div> </div>
` </div>
: ""} `
: ""}
<div class="content">
${devices.length || services.length || entities.length ${devices.length || services.length || entities.length
? html` ? html`
<div> <div>
@ -621,8 +624,17 @@ export class HaIntegrationCard extends LitElement {
.message { .message {
font-weight: bold; font-weight: bold;
padding-bottom: 16px; padding-bottom: 16px;
display: flex;
margin-left: 40px;
}
.message ha-svg-icon {
color: var(--state-message-color); color: var(--state-message-color);
} }
.message div {
flex: 1;
margin-left: 8px;
padding-top: 2px;
}
.content { .content {
flex: 1; flex: 1;