diff --git a/src/panels/config/storage/ha-config-section-storage.ts b/src/panels/config/storage/ha-config-section-storage.ts index 494aaccafe..8548c3192e 100644 --- a/src/panels/config/storage/ha-config-section-storage.ts +++ b/src/panels/config/storage/ha-config-section-storage.ts @@ -106,6 +106,16 @@ class HaConfigSectionStorage extends LitElement { )} .tooltip=${`${this._hostInfo.disk_used} GB/${this._hostInfo.disk_total} GB`} > +
+ ${this.hass.localize( + "ui.panel.config.storage.detailed_description", + { + used: `${this._hostInfo?.disk_used} GB`, + total: `${this._hostInfo?.disk_total} GB`, + free_space: `${this._hostInfo.disk_free} GB`, + } + )} +
${this._hostInfo.disk_life_time !== "" && this._hostInfo.disk_life_time >= 10 ? // prettier-ignore @@ -316,6 +326,11 @@ class HaConfigSectionStorage extends LitElement { justify-content: space-between; flex-direction: column; } + + .detailed-storage-info { + font-size: var(--ha-font-size-s); + color: var(--secondary-text-color); + } .mount-state-failed { color: var(--error-color); } diff --git a/src/translations/en.json b/src/translations/en.json index 996d6c96d5..0787040603 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -6571,6 +6571,7 @@ "caption": "Storage", "description": "{percent_used} used - {free_space} free", "used_space": "Used space", + "detailed_description": "{used} used of {total} total, {free_space} remaining", "emmc_lifetime_used": "eMMC lifetime used", "disk_metrics": "Disk metrics", "datadisk": {