Fix backup summary label position (#23655)

This commit is contained in:
Wendelin 2025-01-09 14:49:49 +01:00 committed by Bram Kragten
parent 6dde7d6945
commit c01d3aee41
2 changed files with 25 additions and 16 deletions

View File

@ -142,31 +142,38 @@ class HaConfigBackupDetails extends LitElement {
)} )}
</div> </div>
<div class="card-content"> <div class="card-content">
<ha-md-list> <ha-md-list class="summary">
<ha-md-list-item> <ha-md-list-item>
<span slot="headline"> <span slot="headline">
${bytesToString(this._backup.size)}
</span>
<span slot="supporting-text">
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.backup.details.summary.size" "ui.panel.config.backup.details.summary.size"
)} )}
</span> </span>
<span slot="supporting-text">
${bytesToString(this._backup.size)}
</span>
</ha-md-list-item> </ha-md-list-item>
<ha-md-list-item> <ha-md-list-item>
${formatDateTime( <span slot="headline">
new Date(this._backup.date),
this.hass.locale,
this.hass.config
)}
<span slot="supporting-text">
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.backup.details.summary.created" "ui.panel.config.backup.details.summary.created"
)} )}
</span> </span>
<span slot="supporting-text">
${formatDateTime(
new Date(this._backup.date),
this.hass.locale,
this.hass.config
)}
</span>
</ha-md-list-item> </ha-md-list-item>
<ha-md-list-item> <ha-md-list-item>
<span slot="headline"> <span slot="headline">
${this.hass.localize(
"ui.panel.config.backup.details.summary.protection"
)}
</span>
<span slot="supporting-text">
${this._backup.protected ${this._backup.protected
? this.hass.localize( ? this.hass.localize(
"ui.panel.config.backup.details.summary.protected_encrypted_aes_128" "ui.panel.config.backup.details.summary.protected_encrypted_aes_128"
@ -175,11 +182,6 @@ class HaConfigBackupDetails extends LitElement {
"ui.panel.config.backup.details.summary.protected_not_encrypted" "ui.panel.config.backup.details.summary.protected_not_encrypted"
)} )}
</span> </span>
<span slot="supporting-text">
${this.hass.localize(
"ui.panel.config.backup.details.summary.protected"
)}
</span>
</ha-md-list-item> </ha-md-list-item>
</ha-md-list> </ha-md-list>
</div> </div>
@ -433,6 +435,13 @@ class HaConfigBackupDetails extends LitElement {
--mdc-icon-size: 48px; --mdc-icon-size: 48px;
color: var(--primary-text-color); color: var(--primary-text-color);
} }
ha-md-list.summary ha-md-list-item {
--md-list-item-supporting-text-size: 1rem;
--md-list-item-label-text-size: 0.875rem;
--md-list-item-label-text-color: var(--secondary-text-color);
--md-list-item-supporting-text-color: var(--primary-text-color);
}
.warning { .warning {
color: var(--error-color); color: var(--error-color);
} }

View File

@ -2600,7 +2600,7 @@
"title": "Backup", "title": "Backup",
"size": "Size", "size": "Size",
"created": "Created", "created": "Created",
"protected": "Protected", "protection": "Protection",
"protected_encrypted_aes_128": "Encrypted AES-128", "protected_encrypted_aes_128": "Encrypted AES-128",
"protected_not_encrypted": "Not encrypted" "protected_not_encrypted": "Not encrypted"
}, },