This commit is contained in:
Aidan Timson
2025-10-01 09:26:47 +01:00
parent 89b86d0d69
commit 2c8e3762c6

View File

@@ -740,6 +740,35 @@ class HaSidebar extends SubscribeMixin(LitElement) {
}
.menu ha-icon-button {
color: var(--sidebar-icon-color);
-webkit-transform: scaleX(var(--scale-direction));
transform: scaleX(var(--scale-direction));
}
ha-md-list-item {
animation: fadeInSlideDown var(--ha-animation-duration) ease-out both;
}
ha-md-list-item:nth-child(1) {
animation-delay: var(--ha-animation-delay-base);
}
ha-md-list-item:nth-child(2) {
animation-delay: calc(var(--ha-animation-delay-base) * 2);
}
ha-md-list-item:nth-child(3) {
animation-delay: calc(var(--ha-animation-delay-base) * 3);
}
ha-md-list-item:nth-child(4) {
animation-delay: calc(var(--ha-animation-delay-base) * 4);
}
ha-md-list-item:nth-child(5) {
animation-delay: calc(var(--ha-animation-delay-base) * 5);
}
ha-md-list-item:nth-child(6) {
animation-delay: calc(var(--ha-animation-delay-base) * 6);
}
ha-md-list-item:nth-child(7) {
animation-delay: calc(var(--ha-animation-delay-base) * 7);
}
ha-md-list-item:nth-child(n + 8) {
animation-delay: calc(var(--ha-animation-delay-base) * 8);
}
.title {
margin-left: 3px;
@@ -910,40 +939,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
padding: 4px;
font-weight: var(--ha-font-weight-medium);
}
.menu ha-icon-button {
-webkit-transform: scaleX(var(--scale-direction));
transform: scaleX(var(--scale-direction));
}
ha-md-list-item {
animation: fadeInSlideDown var(--ha-animation-duration) ease-out both;
}
ha-md-list-item:nth-child(1) {
animation-delay: var(--ha-animation-delay-base);
}
ha-md-list-item:nth-child(2) {
animation-delay: calc(var(--ha-animation-delay-base) * 2);
}
ha-md-list-item:nth-child(3) {
animation-delay: calc(var(--ha-animation-delay-base) * 3);
}
ha-md-list-item:nth-child(4) {
animation-delay: calc(var(--ha-animation-delay-base) * 4);
}
ha-md-list-item:nth-child(5) {
animation-delay: calc(var(--ha-animation-delay-base) * 5);
}
ha-md-list-item:nth-child(6) {
animation-delay: calc(var(--ha-animation-delay-base) * 6);
}
ha-md-list-item:nth-child(7) {
animation-delay: calc(var(--ha-animation-delay-base) * 7);
}
ha-md-list-item:nth-child(n + 8) {
animation-delay: calc(var(--ha-animation-delay-base) * 8);
}
`,
];
}