diff --git a/.codecov.yml b/.codecov.yml index 7966f407b9..eb36cf4270 100644 --- a/.codecov.yml +++ b/.codecov.yml @@ -1,2 +1,6 @@ codecov: branch: master + +coverage: + precision: 1 + round: down diff --git a/components/badge/style/index.less b/components/badge/style/index.less index 194d04bafe..d14ba5331a 100644 --- a/components/badge/style/index.less +++ b/components/badge/style/index.less @@ -12,7 +12,6 @@ color: unset; &-count { - top: -@badge-height / 2; height: @badge-height; border-radius: @badge-height / 2; min-width: @badge-height; @@ -37,7 +36,6 @@ } &-dot { - top: -@badge-dot-size / 2; height: @badge-dot-size; width: @badge-dot-size; border-radius: 100%; @@ -51,12 +49,9 @@ .@{number-prefix-cls}-custom-component { position: absolute; right: 0; - transform: translateX(50%); - transform-origin: 100%; - } - - .@{number-prefix-cls}-custom-component { + top: 0; transform: translate(50%, -50%); + transform-origin: 100% 0%; } &-status { @@ -159,19 +154,19 @@ @keyframes antZoomBadgeIn { 0% { opacity: 0; - transform: scale(0) translateX(50%); + transform: scale(0) translate(50%, -50%); } 100% { - transform: scale(1) translateX(50%); + transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { - transform: scale(1) translateX(50%); + transform: scale(1) translate(50%, -50%); } 100% { opacity: 0; - transform: scale(0) translateX(50%); + transform: scale(0) translate(50%, -50%); } } diff --git a/components/button/button.tsx b/components/button/button.tsx index 9a0a306ce3..a2f14208ec 100644 --- a/components/button/button.tsx +++ b/components/button/button.tsx @@ -87,7 +87,7 @@ export default class Button extends React.Component { }; static propTypes = { - type: PropTypes.oneOf(ButtonTypes), + type: PropTypes.string, shape: PropTypes.oneOf(ButtonShapes), size: PropTypes.oneOf(ButtonSizes), htmlType: PropTypes.oneOf(ButtonHTMLTypes), diff --git a/components/button/style/index.less b/components/button/style/index.less index 36e54875d8..0f150d8d91 100644 --- a/components/button/style/index.less +++ b/components/button/style/index.less @@ -92,6 +92,15 @@ .@{iconfont-css-prefix} { transition: margin-left 0.3s @ease-in-out; + + // Follow icon blur under windows. Change the render. + // https://github.com/ant-design/ant-design/issues/13924 + &.@{iconfont-css-prefix}-plus, + &.@{iconfont-css-prefix}-minus { + > svg { + shape-rendering: optimizeSpeed; + } + } } &&-loading:before { diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less index f5826694cc..b1f8558451 100644 --- a/components/modal/style/modal.less +++ b/components/modal/style/modal.less @@ -148,8 +148,8 @@ @media (max-width: @screen-sm-max) { .@{dialog-prefix-cls} { - width: auto !important; - margin: 10px; + max-width: calc(100vw - 16px); + margin: 8px; } .@{dialog-prefix-cls}-centered { .@{dialog-prefix-cls} { diff --git a/components/popover/style/index.less b/components/popover/style/index.less index 36c692b10d..20b07c682f 100644 --- a/components/popover/style/index.less +++ b/components/popover/style/index.less @@ -100,22 +100,25 @@ // .popover-arrow is outer, .popover-arrow:after is inner &-arrow { - background: @popover-bg; - background-color: inherit; + background: transparent; width: sqrt(@popover-arrow-width * @popover-arrow-width * 2); height: sqrt(@popover-arrow-width * @popover-arrow-width * 2); transform: rotate(45deg); position: absolute; display: block; - border-color: transparent; + border-width: sqrt(@popover-arrow-width * @popover-arrow-width * 2) / 2; border-style: solid; } &-placement-top > &-content > &-arrow, &-placement-topLeft > &-content > &-arrow, &-placement-topRight > &-content > &-arrow { - bottom: @popover-distance - @popover-arrow-width + 1.5px; + bottom: @popover-distance - @popover-arrow-width + 2.2px; box-shadow: 3px 3px 7px fade(@black, 7%); + border-top-color: transparent; + border-right-color: @popover-bg; + border-bottom-color: @popover-bg; + border-left-color: transparent; } &-placement-top > &-content > &-arrow { left: 50%; @@ -133,6 +136,10 @@ &-placement-rightBottom > &-content > &-arrow { left: @popover-distance - @popover-arrow-width + 2px; box-shadow: -3px 3px 7px fade(@black, 7%); + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: @popover-bg; + border-left-color: @popover-bg; } &-placement-right > &-content > &-arrow { top: 50%; @@ -150,6 +157,10 @@ &-placement-bottomRight > &-content > &-arrow { top: @popover-distance - @popover-arrow-width + 2px; box-shadow: -2px -2px 5px fade(@black, 6%); + border-top-color: @popover-bg; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: @popover-bg; } &-placement-bottom > &-content > &-arrow { left: 50%; @@ -167,6 +178,10 @@ &-placement-leftBottom > &-content > &-arrow { right: @popover-distance - @popover-arrow-width + 2px; box-shadow: 3px -3px 7px fade(@black, 7%); + border-top-color: @popover-bg; + border-right-color: @popover-bg; + border-bottom-color: transparent; + border-left-color: transparent; } &-placement-left > &-content > &-arrow { top: 50%; diff --git a/components/radio/style/index.less b/components/radio/style/index.less index 93c7ac33f3..705f4d0246 100644 --- a/components/radio/style/index.less +++ b/components/radio/style/index.less @@ -214,6 +214,7 @@ span.@{radio-prefix-cls} + * { opacity: 0; width: 0; height: 0; + pointer-events: none; } &-checked { diff --git a/components/upload/style/index.less b/components/upload/style/index.less index 154b9fa037..5cd18b2100 100644 --- a/components/upload/style/index.less +++ b/components/upload/style/index.less @@ -3,7 +3,7 @@ @upload-prefix-cls: ~'@{ant-prefix}-upload'; @upload-item: ~'@{ant-prefix}-upload-list-item'; -@upload-pictrue-card-size: 104px; +@upload-picture-card-size: 104px; @upload-picture-card-border-style: @border-style-base; .@{upload-prefix-cls} { @@ -30,8 +30,8 @@ &&-select-picture-card { border: @border-width-base dashed @border-color-base; - width: @upload-pictrue-card-size; - height: @upload-pictrue-card-size; + width: @upload-picture-card-size; + height: @upload-picture-card-size; border-radius: @border-radius-base; background-color: @background-color-light; text-align: center; @@ -300,8 +300,8 @@ } .@{upload-item} { float: left; - width: @upload-pictrue-card-size; - height: @upload-pictrue-card-size; + width: @upload-picture-card-size; + height: @upload-picture-card-size; margin: 0 8px 8px 0; }