mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-23 01:45:05 +08:00
Code Issues Actions 21 Packages Projects Releases Wiki Activity

Fix badge style in Maxthon, close #5477

Browse Source
This commit is contained in:
afc163 2017-03-24 14:33:56 +08:00 committed by Benjy Cui
parent 041bbee2c0
commit ee2f025585
2 changed files with 2 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/badge/ScrollNumber.tsx
View File

@ -1,7 +1,5 @@
import React from 'react'; import React from 'react';
import { createElement, Component } from 'react'; import { createElement, Component } from 'react';
import { findDOMNode } from 'react-dom';
import isCssAnimationSupported from '../_util/isCssAnimationSupported';
import assign from 'object-assign'; import assign from 'object-assign';
import omit from 'omit.js'; import omit from 'omit.js';
@ -40,12 +38,6 @@ export default class ScrollNumber extends Component<ScrollNumberProps, any> {
}; };
} }
componentDidMount() {
if (!isCssAnimationSupported()) {
findDOMNode(this).className += ' not-support-css-animation';
}
}
getPositionByNum(num, i) { getPositionByNum(num, i) {
if (this.state.animateStarted) { if (this.state.animateStarted) {
return 10 + num; return 10 + num;
@ -109,6 +101,7 @@ export default class ScrollNumber extends Component<ScrollNumberProps, any> {
className: `${this.props.prefixCls}-only`, className: `${this.props.prefixCls}-only`,
style: { style: {
transition: removeTransition && 'none', transition: removeTransition && 'none',
msTransform: `translateY(${-position * 100}%)`,
WebkitTransform: `translateY(${-position * 100}%)`, WebkitTransform: `translateY(${-position * 100}%)`,
transform: `translateY(${-position * 100}%)`, transform: `translateY(${-position * 100}%)`,
}, },

11
components/badge/style/index.less
View File

@ -123,21 +123,12 @@
overflow: hidden; overflow: hidden;
&-only { &-only {
display: inline-block; display: inline-block;
transition: transform .3s @ease-in-out; transition: all .3s @ease-in-out;
height: @badge-height; height: @badge-height;
> p { > p {
height: @badge-height; height: @badge-height;
} }
} }
// for IE8/9 display
&.not-support-css-animation &-only {
> p {
display: none;
&.current {
display: block;
}
}
}
} }
@keyframes antZoomBadgeIn { @keyframes antZoomBadgeIn {