Add to hui views

This commit is contained in:
Aidan Timson
2025-10-01 09:55:23 +01:00
parent 60f7a319a2
commit e646bc31d2
2 changed files with 5 additions and 2 deletions

View File

@@ -72,7 +72,7 @@ import {
} from "../../dialogs/quick-bar/show-dialog-quick-bar"; } from "../../dialogs/quick-bar/show-dialog-quick-bar";
import { showShortcutsDialog } from "../../dialogs/shortcuts/show-shortcuts-dialog"; import { showShortcutsDialog } from "../../dialogs/shortcuts/show-shortcuts-dialog";
import { showVoiceCommandDialog } from "../../dialogs/voice-command-dialog/show-ha-voice-command-dialog"; import { showVoiceCommandDialog } from "../../dialogs/voice-command-dialog/show-ha-voice-command-dialog";
import { haStyle } from "../../resources/styles"; import { haStyle, haStyleAnimations } from "../../resources/styles";
import type { HomeAssistant, PanelInfo } from "../../types"; import type { HomeAssistant, PanelInfo } from "../../types";
import { documentationUrl } from "../../util/documentation-url"; import { documentationUrl } from "../../util/documentation-url";
import { showToast } from "../../util/toast"; import { showToast } from "../../util/toast";
@@ -1209,6 +1209,7 @@ class HUIRoot extends LitElement {
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {
return [ return [
haStyle, haStyle,
haStyleAnimations,
css` css`
:host { :host {
-ms-user-select: none; -ms-user-select: none;
@@ -1263,6 +1264,8 @@ class HUIRoot extends LitElement {
padding: 0px 12px; padding: 0px 12px;
font-weight: var(--ha-font-weight-normal); font-weight: var(--ha-font-weight-normal);
box-sizing: border-box; box-sizing: border-box;
animation: fadeIn var(--ha-animation-duration) ease-out both;
animation-delay: var(--ha-animation-delay-base);
} }
.narrow .toolbar { .narrow .toolbar {
padding: 0 4px; padding: 0 4px;

View File

@@ -44,7 +44,7 @@ export const coreStyles = css`
--ha-space-20: 80px; --ha-space-20: 80px;
/* Animation timing */ /* Animation timing */
--ha-animation-duration: 300ms; --ha-animation-duration: 400ms;
--ha-animation-delay-base: 50ms; --ha-animation-delay-base: 50ms;
} }
`; `;