Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-05-08 17:28:46 +01:00
Code Activity

Make storage charts consistent with lifetime chart (#29526)

Browse Source 
* Make storage charts consistent with lifetime chart

* Update src/panels/config/storage/storage-breakdown-chart.ts

---------

Co-authored-by: Petar Petrov <MindFreeze@users.noreply.github.com>
This commit is contained in:
Matthias de Baat
2026-02-10 14:12:53 +01:00
committed by GitHub
parent 4501db18c7
commit d6953ea1bc
1 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/panels/config/storage/storage-breakdown-chart.ts
+16 -19
View File
@@ -55,17 +55,16 @@ export class StorageBreakdownChart extends LitElement {
<span class="heading">${heading}</span>
<span class="description">${description}</span>
</div>
${hasChildren
? html`<ha-icon-button
.path=${this._chartType === "sunburst"
? mdiViewArray
: mdiChartDonutVariant}
.label=${this.hass.localize(
"ui.panel.config.storage.change_chart_type"
)}
@click=${this._handleChartTypeChange}
></ha-icon-button>`
: nothing}
<ha-icon-button
.path=${this._chartType === "sunburst"
? mdiViewArray
: mdiChartDonutVariant}
.label=${this.hass.localize(
"ui.panel.config.storage.change_chart_type"
)}
.disabled=${!hasChildren}
@click=${this._handleChartTypeChange}
></ha-icon-button>
</div>
<div class="chart-container ${this._chartType}">
@@ -213,26 +212,24 @@ export class StorageBreakdownChart extends LitElement {
static styles = css`
.header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: var(--ha-space-2);
align-items: flex-end;
gap: var(--ha-space-2);
}
.heading-text {
display: flex;
flex-direction: column;
gap: var(--ha-space-1);
flex: 1;
}
.heading {
font-weight: 500;
font-size: var(--ha-font-size-m);
color: var(--primary-text-color);
line-height: var(--ha-line-height-expanded);
margin-right: var(--ha-space-2);
}
.description {
font-size: var(--ha-font-size-s);
color: var(--secondary-text-color);
line-height: var(--ha-line-height-expanded);
}
ha-icon-button {