For ant-design#11537, Centered style should be applied to the wrap el…

…ement.
yoyo837 · Aug 1, 2018 · 4495077 · 4495077
1 parent f4d631d
commit 4495077
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
@@ -181,7 +181,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
   }
 
   render() {
-    const { footer, visible, className, centered, prefixCls, ...restProps } = this.props;
+    const { footer, visible, wrapClassName, centered, prefixCls, ...restProps } = this.props;
 
     const defaultFooter = (
       <LocaleReceiver
@@ -196,7 +196,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
       <Dialog
         {...restProps}
         prefixCls={prefixCls}
-        className={classNames({ [`${prefixCls}-centered`]: !!centered }, className)}
+        wrapClassName={classNames({ [`${prefixCls}-centered`]: !!centered }, wrapClassName)}
         footer={footer === undefined ? defaultFooter : footer}
         visible={visible}
         mousePosition={mousePosition}

diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx
@@ -32,9 +32,6 @@ const ConfirmDialog = (props: ConfirmDialogProps) => {
   const classString = classNames(
     prefixCls,
     `${prefixCls}-${props.type}`,
-    {
-      [`${prefixCls}-centered`]: !!props.centered,
-    },
     props.className,
   );
 
@@ -47,6 +44,7 @@ const ConfirmDialog = (props: ConfirmDialogProps) => {
   return (
     <Dialog
       className={classString}
+      wrapClassName={classNames({ [`${prefixCls}-centered`]: !!props.centered })}
       onCancel={close.bind(this, { triggerCancel: true })}
       visible={visible}
       title=""