Skip to content

Commit 851bedb

Browse files
authored
fix(sheet): Update shadow style in display-mode="float" (#7664)
## Summary Fixes shadow set on incorrect container in Sheet while in `display-mode="float"`, and updates to use the same shadow variable as Modal. Was only noticed when the scrim color was overridden to a lighter color. cc @driskull cc @SkyeSeitz Before: <img width="480" alt="Screenshot 2023-09-01 at 6 01 13 PM" src="https://github.com/Esri/calcite-design-system/assets/4733155/90ba6e67-0ebd-40ba-a787-9b227682a6ba"> After: <img width="480" alt="Screenshot 2023-09-01 at 6 01 03 PM" src="https://github.com/Esri/calcite-design-system/assets/4733155/8d5795c5-e487-46cf-aa22-562825b06b0e">
1 parent 2c3f07a commit 851bedb

File tree

1 file changed

+3
-2
lines changed
  • packages/calcite-components/src/components/sheet

1 file changed

+3
-2
lines changed

packages/calcite-components/src/components/sheet/sheet.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,9 +69,10 @@
6969
--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0);
7070
}
7171

72-
:host([display-mode="float"]) .container {
73-
@apply shadow-2;
72+
:host([display-mode="float"]) .content {
73+
@apply shadow-2-sm;
7474
}
75+
7576
:host([display-mode="overlay"][position="inline-start"]) .container {
7677
box-shadow: var(--calcite-scrim-shadow-inline-start-internal);
7778
}

0 commit comments

Comments
 (0)