Skip to content

Commit

Permalink
revert(panel): revert relative positioning on content (#10496)
Browse files Browse the repository at this point in the history
**Related Issue:** #10494 #10095

## Summary

- reverts position relative styling
- #10119 should be verified again
  • Loading branch information
driskull authored and benelan committed Oct 11, 2024
1 parent 80b75c2 commit e8cc258
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
3 changes: 1 addition & 2 deletions packages/calcite-components/src/components/panel/panel.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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));
}
Expand Down

0 comments on commit e8cc258

Please sign in to comment.