From daccfd19d1e518f634da1de0f8139314f180d9be Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Wed, 2 Jan 2019 20:55:00 +0800
Subject: [PATCH] fix: fixed the issue that when the Alert is in closable, the
icon will be covered by the text.
---
components/alert/index.jsx | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/components/alert/index.jsx b/components/alert/index.jsx
index a02b244a1..53ad294ea 100644
--- a/components/alert/index.jsx
+++ b/components/alert/index.jsx
@@ -103,19 +103,20 @@ const Alert = {
}
}
+ // closeable when closeText is assigned
+ if (closeText) {
+ closable = true
+ }
+
const alertCls = classNames(prefixCls, {
[`${prefixCls}-${type}`]: true,
[`${prefixCls}-close`]: !closing,
[`${prefixCls}-with-description`]: !!description,
[`${prefixCls}-no-icon`]: !showIcon,
[`${prefixCls}-banner`]: !!banner,
+ [`${prefixCls}-closable`]: closable,
})
- // closeable when closeText is assigned
- if (closeText) {
- closable = true
- }
-
const closeIcon = closable ? (
<a onClick={this.handleClose} class={`${prefixCls}-close-icon`}>
{closeText || <Icon type='close' />}