Modal.xxx support maskStyle

fix #12688
ant-design · Oct 27, 2018 · 9aa62d4 · 9aa62d4
1 parent b1f9d36
commit 9aa62d4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
@@ -79,6 +79,7 @@ export interface ModalFuncProps {
   zIndex?: number;
   okCancel?: boolean;
   style?: React.CSSProperties;
+  maskStyle?: React.CSSProperties;
   type?: string;
   keyboard?: boolean;
   getContainer?: (instance: React.ReactInstance) => HTMLElement;

diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx
@@ -15,7 +15,7 @@ interface ConfirmDialogProps extends ModalFuncProps {
 const IS_REACT_16 = !!ReactDOM.createPortal;
 
 const ConfirmDialog = (props: ConfirmDialogProps) => {
-  const { onCancel, onOk, close, zIndex, afterClose, visible, keyboard, centered, getContainer, okButtonProps, cancelButtonProps } = props;
+  const { onCancel, onOk, close, zIndex, afterClose, visible, keyboard, centered, getContainer, maskStyle, okButtonProps, cancelButtonProps } = props;
   const iconType = props.iconType || 'question-circle';
   const okType = props.okType || 'primary';
   const prefixCls = props.prefixCls || 'ant-modal';
@@ -56,6 +56,7 @@ const ConfirmDialog = (props: ConfirmDialogProps) => {
       footer=""
       maskTransitionName="fade"
       maskClosable={maskClosable}
+      maskStyle={maskStyle}
       style={style}
       width={width}
       zIndex={zIndex}