jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 19:09:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show on loaded

Browse Source
This commit is contained in:
Aidan Timson
2025-10-16 09:12:17 +01:00
parent 04e9d1bec3
commit 5338192c97
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -131,6 +131,8 @@ class HUIRoot extends ViewTransitionMixin(LitElement) {
@state() private _curView?: number | "hass-unused-entities"; @state() private _curView?: number | "hass-unused-entities";
@state() private _loaded = false;
private _viewCache?: Record<string, HUIView>; private _viewCache?: Record<string, HUIView>;
private _viewScrollPositions: Record<string, number> = {}; private _viewScrollPositions: Record<string, number> = {};
@@ -154,6 +156,10 @@ class HUIRoot extends ViewTransitionMixin(LitElement) {
); );
} }
protected onLoadTransition(): void {
this._loaded = true;
}
private _renderActionItems(): TemplateResult { private _renderActionItems(): TemplateResult {
const result: TemplateResult[] = []; const result: TemplateResult[] = [];
if (this._editMode) { if (this._editMode) {
@@ -497,6 +503,7 @@ class HUIRoot extends ViewTransitionMixin(LitElement) {
class=${classMap({ class=${classMap({
"edit-mode": this._editMode, "edit-mode": this._editMode,
narrow: this.narrow, narrow: this.narrow,
loaded: this._loaded,
})} })}
> >
<div class="header"> <div class="header">
@@ -1222,6 +1229,13 @@ class HUIRoot extends ViewTransitionMixin(LitElement) {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
} }
:host > div {
opacity: 0;
transition: opacity 0.3s ease-in;
}
:host > div.loaded {
opacity: 1;
}
.header { .header {
background-color: var(--app-header-background-color); background-color: var(--app-header-background-color);
color: var(--app-header-text-color, white); color: var(--app-header-text-color, white);