fix(sidePanel): revert the div id and class

carbon-design-system · Jan 21, 2025 · 376c1e7 · 376c1e7
1 parent 7918dca
commit 376c1e7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 18 deletions.
diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx b/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx
@@ -634,13 +634,15 @@ const SlideInTemplate = (
 
   return (
     <>
-      <Button
-        ref={buttonRef}
-        onClick={() => setOpen(!open)}
-        className={`${prefix}toggle`}
-      >
-        {open ? 'Close side panel' : 'Open side panel'}
-      </Button>
+      <div class={`${prefix}story-content`} id="ibm-products-page-content">
+        <Button
+          ref={buttonRef}
+          onClick={() => setOpen(!open)}
+          className={`${prefix}toggle`}
+        >
+          {open ? 'Close side panel' : 'Open side panel'}
+        </Button>
+      </div>
       <SidePanel
         {...args}
         open={open}

diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.tsx b/packages/ibm-products/src/components/SidePanel/SidePanel.tsx
@@ -525,7 +525,6 @@ export let SidePanel = React.forwardRef(
         }
       };
       const bodyElement = document.body;
-
       if (includeOverlay && open) {
         bodyElement.style.overflow = 'hidden';
       } else if (includeOverlay && !open) {

diff --git a/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss b/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss
@@ -59,16 +59,6 @@ $story-prefix: side-panel-stories__;
   height: 100%;
 }
 
-.#{$story-prefix}story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
 .#{$story-prefix}story-content {
   position: relative;
   display: flex;