revert(panel): revert relative positioning on content (#10496)

**Related Issue:** #10494 #10095 ## Summary - reverts position relative styling - #10119 should be verified again
Esri · Oct 11, 2024 · e8cc258 · e8cc258
1 parent 80b75c2
commit e8cc258
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/calcite-components/src/components/dialog/dialog.stories.ts b/packages/calcite-components/src/components/dialog/dialog.stories.ts
@@ -376,8 +376,16 @@ const themedStyle = html`--calcite-dialog-scrim-background-color: purple; --calc
 --calcite-dialog-content-space: 50px; --calcite-dialog-offset-x: 50px; --calcite-dialog-offset-y: -30px;`;
 
 export const withShellInside = (): string =>
-  html`<calcite-dialog open modal heading="heading" description="description" scale="m" width-scale="l">
-    <calcite-shell>
+  html`<calcite-dialog
+    open
+    modal
+    heading="heading"
+    description="description"
+    scale="m"
+    width-scale="l"
+    style="--calcite-dialog-content-space: 0;"
+  >
+    <calcite-shell style="position:relative">
       <calcite-shell-panel slot="panel-start">
         <calcite-action-bar slot="action-bar" expanded>
           <calcite-action-group>

diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
@@ -164,8 +164,7 @@
   items-stretch
   overflow-auto
   h-full
-  focus-base
-  relative;
+  focus-base;
   padding: var(--calcite-panel-content-space, 0);
   background: var(--calcite-panel-background-color, var(--calcite-color-background));
 }