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

Fix long entity names overflowing energy panel settings (#15786)

Browse Source
This commit is contained in:
karwosts 2023-03-13 03:06:30 -07:00 committed by GitHub
parent cc011a4d47
commit 3abc5c42d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/panels/config/energy/components/ha-energy-battery-settings.ts
View File

@ -100,14 +100,14 @@ export class EnergyBatterySettings extends LitElement {
></ha-icon>`
: html`<ha-svg-icon .path=${mdiBatteryHigh}></ha-svg-icon>`}
<div class="content">
<span
<span class="label"
>${getStatisticLabel(
this.hass,
source.stat_energy_from,
this.statsMetadata?.[source.stat_energy_from]
)}</span
>
<span
<span class="label"
>${getStatisticLabel(
this.hass,
source.stat_energy_to,
@ -213,6 +213,10 @@ export class EnergyBatterySettings extends LitElement {
display: flex;
flex-direction: column;
}
.label {
overflow: hidden;
text-overflow: ellipsis;
}
`,
];
}

2
src/panels/config/energy/components/styles.ts
View File

@ -36,6 +36,8 @@ export const energyCardStyles = css`
}
.row .content {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
ha-icon-button {
color: var(--secondary-text-color);