jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-25 20:12:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make hui-sections-view always fill the screen so footer is at the bottom (#29890)

Browse Source
This commit is contained in:
Petar Petrov
2026-02-27 16:39:21 +01:00
committed by GitHub
parent a240019968
commit e753de85eb
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/lovelace/hui-root.ts
View File

@@ -1485,6 +1485,8 @@ class HUIRoot extends LitElement {
padding-inline-start: var(--safe-area-inset-left);
}
hui-view-container > * {
display: flex;
flex-direction: column;
flex: 1 1 100%;
max-width: 100%;
}

6
src/panels/lovelace/views/hui-sections-view.ts
View File

@@ -461,6 +461,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
--column-min-width: var(--ha-view-sections-column-min-width, 320px);
--top-margin: var(--ha-view-sections-extra-top-margin, 80px);
display: block;
flex: 1;
}
@media (max-width: 600px) {
@@ -470,7 +471,9 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
}
.wrapper {
display: block;
display: flex;
flex-direction: column;
min-height: calc(100% - 2 * var(--row-gap));
padding: var(--row-gap) var(--column-gap);
box-sizing: content-box;
margin: 0 auto;
@@ -503,6 +506,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
gap: var(--row-gap) var(--column-gap);
padding: var(--row-gap) 0;
align-items: flex-start;
flex: 1 0 auto;
}
.wrapper.has-sidebar .container {