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

Fade in menu button

Browse Source
This commit is contained in:
Aidan Timson
2025-10-01 09:29:53 +01:00
parent a82f969a82
commit fdab6d0f3c
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ha-sidebar.ts
View File

@@ -377,6 +377,7 @@ class HaSidebar extends SubscribeMixin(LitElement) {
${!this.narrow ${!this.narrow
? html` ? html`
<ha-icon-button <ha-icon-button
class="menu-button"
.label=${this.hass.localize("ui.sidebar.sidebar_toggle")} .label=${this.hass.localize("ui.sidebar.sidebar_toggle")}
.path=${this.hass.dockedSidebar === "docked" .path=${this.hass.dockedSidebar === "docked"
? mdiMenuOpen ? mdiMenuOpen
@@ -743,6 +744,10 @@ class HaSidebar extends SubscribeMixin(LitElement) {
-webkit-transform: scaleX(var(--scale-direction)); -webkit-transform: scaleX(var(--scale-direction));
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 { ha-md-list-item {
animation: fadeInSlideDown var(--ha-animation-duration) ease-out both; animation: fadeInSlideDown var(--ha-animation-duration) ease-out both;
} }