Fix overflow issue of long text in Progress[type="circle"]

pull/12587/head
afc163 6 years ago
parent 9aa4172c27
commit 76b64b5da0

@ -93,7 +93,14 @@ export default class Progress extends React.Component<ProgressProps, {}> {
} else if (progressStatus === 'success') {
text = <Icon type={`check${iconType}`} theme={type === 'line' ? 'filled' : 'outlined'} />;
}
progressInfo = <span className={`${prefixCls}-text`}>{text}</span>;
progressInfo = (
<span
className={`${prefixCls}-text`}
title={typeof text === 'string' ? text : undefined}
>
{text}
</span>
);
}
if (type === 'line') {

@ -133,6 +133,8 @@
left: 0;
margin: 0;
color: @progress-text-color;
overflow: hidden;
text-overflow: ellipsis;
.@{iconfont-css-prefix} {
font-size: 14 / 12em;

Loading…
Cancel
Save