Fix visual differences between regular and energy dashboards (#20654)

* Fix visual differences between regular and energy dashboards

* Order padding properties the same way between energy and lovelace

* Change from code review
This commit is contained in:
Adam Kapos 2024-04-30 16:07:54 +03:00 committed by GitHub
parent bcb72d83b8
commit 334c245b65
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 13 deletions

View File

@ -112,14 +112,14 @@ class PanelEnergy extends LitElement {
</hui-energy-period-selector> </hui-energy-period-selector>
</div> </div>
</div> </div>
<hui-view <div id="view" @reload-energy-panel=${this._reloadView}>
id="view" <hui-view
.hass=${this.hass} .hass=${this.hass}
.narrow=${this.narrow} .narrow=${this.narrow}
.lovelace=${this._lovelace} .lovelace=${this._lovelace}
.index=${this._viewIndex} .index=${this._viewIndex}
@reload-energy-panel=${this._reloadView} ></hui-view>
></hui-view> </div>
`; `;
} }
@ -401,12 +401,10 @@ class PanelEnergy extends LitElement {
min-height: 100vh; min-height: 100vh;
box-sizing: border-box; box-sizing: border-box;
padding-left: env(safe-area-inset-left); padding-left: env(safe-area-inset-left);
padding-inline-start: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right); padding-right: env(safe-area-inset-right);
padding-inline-start: env(safe-area-inset-left);
padding-inline-end: env(safe-area-inset-right); padding-inline-end: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
}
hui-view {
background: var( background: var(
--lovelace-background, --lovelace-background,
var(--primary-background-color) var(--primary-background-color)

View File

@ -1013,8 +1013,6 @@ class HUIRoot extends LitElement {
padding-inline-start: env(safe-area-inset-left); padding-inline-start: env(safe-area-inset-left);
padding-inline-end: env(safe-area-inset-right); padding-inline-end: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
}
hui-view {
background: var( background: var(
--lovelace-background, --lovelace-background,
var(--primary-background-color) var(--primary-background-color)