From 59447a100c8bf7c1badda16c0bea48b1b45f7330 Mon Sep 17 00:00:00 2001
From: Huarch <huarch97@outlook.com>
Date: Fri, 17 Jul 2026 14:25:03 +0800
Subject: [PATCH] fix(scada): align device panel collapse animation

---
 src/components/olmap/SCADA/SCADADeviceList.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/olmap/SCADA/SCADADeviceList.tsx b/src/components/olmap/SCADA/SCADADeviceList.tsx
index 4952435..ce8bcf3 100644
--- a/src/components/olmap/SCADA/SCADADeviceList.tsx
+++ b/src/components/olmap/SCADA/SCADADeviceList.tsx
@@ -814,8 +814,12 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
         variant="persistent"
         hideBackdrop
         sx={{
-          width: isExpanded ? 360 : 0,
-          flexShrink: 0,
+          position: "absolute",
+          inset: 0,
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          pointerEvents: "none",
           "& .MuiDrawer-paper": {
             width: 360,
             height: "860px",
@@ -828,8 +832,9 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
               "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
             backdropFilter: "blur(8px)",
             opacity: 0.95,
-            transition: "all 0.3s ease-in-out",
+            transition: "transform 0.3s ease-in-out, opacity 0.3s ease-in-out",
             border: "none",
+            pointerEvents: "auto",
             "&:hover": {
               opacity: 1,
             },