From fdab6d0f3c4842bacf28efcab476e5938ba32c7c Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Wed, 1 Oct 2025 09:29:53 +0100
Subject: [PATCH] Fade in menu button

---
 src/components/ha-sidebar.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 2b35be88fe..a7e517418e 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -377,6 +377,7 @@ class HaSidebar extends SubscribeMixin(LitElement) {
       ${!this.narrow
         ? html`
             <ha-icon-button
+              class="menu-button"
               .label=${this.hass.localize("ui.sidebar.sidebar_toggle")}
               .path=${this.hass.dockedSidebar === "docked"
                 ? mdiMenuOpen
@@ -743,6 +744,10 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           -webkit-transform: scaleX(var(--scale-direction));
           transform: scaleX(var(--scale-direction));
         }
+        .menu-button {
+          animation: fadeInSlideDown var(--ha-animation-duration) ease-out both;
+          animation-delay: var(--ha-animation-delay-base);
+        }
         ha-md-list-item {
           animation: fadeInSlideDown var(--ha-animation-duration) ease-out both;
         }