Skip to content

Commit a972850

Browse files
committed
Add box shadow to Modal so all existing overlay components are elevated above surface
1 parent 60ef230 commit a972850

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

src/lib/components/Modal/Modal.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ Modal.propTypes = {
290290
*/
291291
onClose: PropTypes.func,
292292
/**
293-
* If set, the modal is rendered in the React Portal with that ID.
293+
* If set, modal is rendered in the React Portal with that ID.
294294
*/
295295
portalId: PropTypes.string,
296296
/**

src/lib/theme.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -877,7 +877,7 @@
877877
// =====
878878

879879
--rui-Modal__background: var(--rui-color-white);
880-
--rui-Modal__box-shadow: none;
880+
--rui-Modal__box-shadow: var(--rui-elevation-2);
881881
--rui-Modal__outer-spacing--xs: var(--rui-spacing-2);
882882
--rui-Modal__outer-spacing--sm: var(--rui-spacing-6);
883883
--rui-Modal__footer__background: var(--rui-color-gray-100);

0 commit comments

Comments
 (0)