Remove sidebar code

Author: timmo001

src/components/ha-sidebar.ts

@@ -28,7 +28,6 @@ import {
 import { classMap } from "lit/directives/class-map";
 import memoizeOne from "memoize-one";
 import { fireEvent } from "../common/dom/fire_event";
-import { applyViewTransitionOnLoad } from "../common/dom/view_transition";
 import { toggleAttribute } from "../common/dom/toggle_attribute";
 import { stringCompare } from "../common/string/compare";
 import { throttle } from "../common/util/throttle";
@@ -42,7 +41,7 @@ import { updateCanInstall } from "../data/update";
 import { showEditSidebarDialog } from "../dialogs/sidebar/show-dialog-edit-sidebar";
 import { SubscribeMixin } from "../mixins/subscribe-mixin";
 import { actionHandler } from "../panels/lovelace/common/directives/action-handler-directive";
-import { haStyleScrollbar, haStyleViewTransitions } from "../resources/styles";
+import { haStyleScrollbar } from "../resources/styles";
 import type { HomeAssistant, PanelInfo, Route } from "../types";
 import "./ha-fade-in";
 import "./ha-icon";
@@ -307,9 +306,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
   protected firstUpdated(changedProps: PropertyValues) {
     super.firstUpdated(changedProps);
     this._subscribePersistentNotifications();
-
-    // Trigger view transition on initial load
-    applyViewTransitionOnLoad(this);
   }
 
   private _subscribePersistentNotifications(): void {
@@ -330,11 +326,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
       toggleAttribute(this, "expanded", this.alwaysExpand);
     }
 
-    // Set up view transition names for staggered animations
-    this._listItems.forEach((item, index) => {
-      (item as HTMLElement).style.viewTransitionName = `sidebar-item-${index}`;
-    });
-
     if (!changedProps.has("hass")) {
       return;
     }
@@ -706,7 +697,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
   static get styles(): CSSResultGroup {
     return [
       haStyleScrollbar,
-      haStyleViewTransitions,
       css`
         :host {
           overflow: visible;
@@ -753,7 +743,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
         }
         .menu ha-icon-button {
           color: var(--sidebar-icon-color);
-          view-transition-name: sidebar-menu-button;
         }
         .title {
           margin-left: 3px;

src/resources/styles.ts

@@ -201,7 +201,6 @@ export const baseEntrypointStyles = css`
 `;
 
 export const haStyleViewTransitions = css`
-  /* View Transition animations for sidebar and lovelace */
   @media (prefers-reduced-motion: no-preference) {
     /* Toolbar fade in */
     ::view-transition-group(lovelace-toolbar) {
@@ -222,22 +221,6 @@ export const haStyleViewTransitions = css`
       animation: fade-in-slide-down var(--ha-animation-duration) ease-out;
       animation-delay: var(--ha-animation-delay-base);
     }
-
-    /* Sidebar menu button */
-    ::view-transition-group(sidebar-menu-button) {
-      animation-duration: var(--ha-animation-duration);
-      animation-timing-function: ease-out;
-    }
-    ::view-transition-new(sidebar-menu-button) {
-      animation: fade-in-slide-down var(--ha-animation-duration) ease-out;
-      animation-delay: calc(var(--ha-animation-delay-base) / 2);
-    }
-
-    /* Sidebar items with staggered animation */
-    ::view-transition-group(sidebar-item-*) {
-      animation-duration: var(--ha-animation-duration);
-      animation-timing-function: ease-out;
-    }
   }
 
   @keyframes fade-in {