From 2c8e3762c6a2c002ad8db1aa25c5cd27f9f88da7 Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Wed, 1 Oct 2025 09:26:47 +0100
Subject: [PATCH] Move

---
 src/components/ha-sidebar.ts | 63 +++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 34 deletions(-)

diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 4f576b01a9..2b35be88fe 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -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);
-        }
       `,
     ];
   }