Ensure #sidebar-bottom-wrapper is a correctly sized and positioned el…

…ement so it can be targeted by VTA's guided tour
storybookjs · Oct 11, 2024 · 49df30f · 49df30f
1 parent 26bfe92
commit 49df30f
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/code/core/src/manager/components/sidebar/SidebarBottom.tsx b/code/core/src/manager/components/sidebar/SidebarBottom.tsx
@@ -164,7 +164,7 @@ export const SidebarBottomBase = ({ api, notifications = [], status = {} }: Side
   );
 
   useEffect(() => {
-    const wrapper = document.getElementById('sidebar-bottom');
+    const wrapper = document.getElementById('sidebar-bottom-wrapper');
     if (wrapper) {
       const resizeObserver = new ResizeObserver(() => resizeObserverCallback(wrapper));
       resizeObserver.observe(wrapper);
@@ -214,8 +214,8 @@ export const SidebarBottomBase = ({ api, notifications = [], status = {} }: Side
   }
 
   return (
-    <Wrapper id="sidebar-bottom-wrapper" style={{ height: contentHeight }}>
-      <Content id="sidebar-bottom">
+    <Wrapper id="sidebar-bottom-spacer" style={{ height: contentHeight }}>
+      <Content id="sidebar-bottom-wrapper">
         <NotificationList notifications={notifications} clearNotification={api.clearNotification} />
         <TestingModule
           {...{