@indico-data/design-system 2.45.1 → 2.45.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js
CHANGED
|
@@ -5929,9 +5929,15 @@ function ModalAdapter(props) {
|
|
|
5929
5929
|
const { className } = props;
|
|
5930
5930
|
const contentClassName = `${className}__content`;
|
|
5931
5931
|
const overlayClassName = `${className}__overlay`;
|
|
5932
|
-
return (jsxRuntime.jsx(ReactModal, Object.assign({}, props, { portalClassName: className, className: contentClassName, overlayClassName: overlayClassName, closeTimeoutMS: 120, appElement: document.getElementById(props.node || 'root'), children: props.children })));
|
|
5932
|
+
return (jsxRuntime.jsx(ReactModal, Object.assign({}, props, { portalClassName: className, className: contentClassName, overlayClassName: overlayClassName, closeTimeoutMS: 120, appElement: document.getElementById(props.node || 'root'), children: jsxRuntime.jsx("div", { className: "modal-content", children: props.children }) })));
|
|
5933
5933
|
}
|
|
5934
5934
|
const StyledModalBase = n__default.default(ModalAdapter) `
|
|
5935
|
+
.modal-content {
|
|
5936
|
+
background-color: var(--pf-primary-color-600);
|
|
5937
|
+
padding: var(--pf-padding-4);
|
|
5938
|
+
border-radius: var(--pf-rounded-lg);
|
|
5939
|
+
}
|
|
5940
|
+
|
|
5935
5941
|
.${(props) => props.className}__content {
|
|
5936
5942
|
position: absolute;
|
|
5937
5943
|
top: 70px;
|
|
@@ -5960,7 +5966,7 @@ const StyledModalBase = n__default.default(ModalAdapter) `
|
|
|
5960
5966
|
|
|
5961
5967
|
.ReactModal__Overlay {
|
|
5962
5968
|
opacity: 0;
|
|
5963
|
-
|
|
5969
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
5964
5970
|
transition: opacity 120ms ease-in-out;
|
|
5965
5971
|
}
|
|
5966
5972
|
|