jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 01:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix update more info margin (#22691)

Browse Source
This commit is contained in:
Paul Bottein 2024-11-06 11:17:14 +01:00 committed by GitHub
parent 4bd70167ad
commit 5430040b96
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 60 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/dialogs/more-info/controls/more-info-update.ts
View File

@ -52,6 +52,7 @@ class MoreInfoUpdate extends LitElement {
return html` return html`
<div class="content"> <div class="content">
<div class="summary">
${this.stateObj.attributes.in_progress ${this.stateObj.attributes.in_progress
? supportsFeature(this.stateObj, UpdateEntityFeature.PROGRESS) && ? supportsFeature(this.stateObj, UpdateEntityFeature.PROGRESS) &&
this.stateObj.attributes.update_percentage !== null this.stateObj.attributes.update_percentage !== null
@ -105,6 +106,7 @@ class MoreInfoUpdate extends LitElement {
</div> </div>
</div>` </div>`
: nothing} : nothing}
</div>
${supportsFeature(this.stateObj!, UpdateEntityFeature.RELEASE_NOTES) && ${supportsFeature(this.stateObj!, UpdateEntityFeature.RELEASE_NOTES) &&
!this._error !this._error
? this._releaseNotes === undefined ? this._releaseNotes === undefined
@ -293,6 +295,11 @@ class MoreInfoUpdate extends LitElement {
ha-expansion-panel { ha-expansion-panel {
margin: 16px 0; margin: 16px 0;
} }
.summary {
margin-bottom: 16px;
}
.row { .row {
margin: 0; margin: 0;
display: flex; display: flex;
@ -308,7 +315,9 @@ class MoreInfoUpdate extends LitElement {
); );
position: sticky; position: sticky;
bottom: 0; bottom: 0;
margin: 0 -24px -24px -24px; margin: 0 -24px 0 -24px;
margin-bottom: calc(-1 * max(env(safe-area-inset-bottom), 24px));
padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;