fix chrome render bug

This commit is contained in:
yiminghe 2016-03-11 16:21:32 +08:00
parent 827ac4b7e8
commit d24e4dea44
2 changed files with 20 additions and 0 deletions

View File

@ -45,6 +45,7 @@
&-item-active, &-item-active,
&-submenu-title:hover { &-submenu-title:hover {
transform: translateZ(0);
background-color: tint(@primary-color, 90%); background-color: tint(@primary-color, 90%);
} }
@ -56,10 +57,13 @@
&-horizontal > &-item-active, &-horizontal > &-item-active,
&-horizontal > &-submenu &-submenu-title:hover { &-horizontal > &-submenu &-submenu-title:hover {
background-color: transparent; background-color: transparent;
transform: translateZ(0);
} }
&-item-selected { &-item-selected {
color: @primary-color; color: @primary-color;
// fix chrome render bug
transform: translateZ(0);
} }
&-inline, &-inline,
@ -78,6 +82,7 @@
.@{menu-prefix-cls}-selected, .@{menu-prefix-cls}-selected,
.@{menu-prefix-cls}-item-selected { .@{menu-prefix-cls}-item-selected {
border-right: 2px solid @primary-color; border-right: 2px solid @primary-color;
transform: translateZ(0);
} }
} }
@ -192,6 +197,7 @@
&-selected { &-selected {
border-bottom: 2px solid @primary-color; border-bottom: 2px solid @primary-color;
color: @primary-color; color: @primary-color;
transform: translateZ(0);
} }
> a { > a {
@ -295,6 +301,7 @@
&-dark&-horizontal > &-submenu:hover, &-dark&-horizontal > &-submenu:hover,
&-dark&-horizontal > &-submenu &-submenu-title:hover { &-dark&-horizontal > &-submenu &-submenu-title:hover {
color: #fff; color: #fff;
transform: translateZ(0);
} }
&-dark &-item > a { &-dark &-item > a {
@ -320,11 +327,13 @@
border-right: 0; border-right: 0;
background-color: @primary-color; background-color: @primary-color;
color: #fff; color: #fff;
transform: translateZ(0);
} }
&-dark &-item-active, &-dark &-item-active,
&-dark &-submenu-title:hover { &-dark &-submenu-title:hover {
background-color: transparent; background-color: transparent;
color: @primary-color; color: @primary-color;
transform: translateZ(0);
} }
} }

View File

@ -23,10 +23,12 @@
&-transition-forward { &-transition-forward {
transition: right 0.3s @ease-in-out, transition: right 0.3s @ease-in-out,
left 0.3s @ease-in-out 0.3s * 0.3; left 0.3s @ease-in-out 0.3s * 0.3;
transform: translateZ(0);
} }
&-transition-backward { &-transition-backward {
transition: right 0.3s @ease-in-out 0.3s * 0.3, transition: right 0.3s @ease-in-out 0.3s * 0.3,
left 0.3s @ease-in-out; left 0.3s @ease-in-out;
transform: translateZ(0);
} }
} }
@ -176,6 +178,7 @@
&:active { &:active {
color: shade(@primary-color, 5%); color: shade(@primary-color, 5%);
transform: translateZ(0);
} }
.anticon { .anticon {
@ -188,6 +191,7 @@
.@{tab-prefix-cls}-tab-active .@{tab-prefix-cls}-tab-inner { .@{tab-prefix-cls}-tab-active .@{tab-prefix-cls}-tab-inner {
color: @primary-color; color: @primary-color;
transform: translateZ(0);
} }
} }
@ -220,6 +224,7 @@
&-slide-horizontal-backward-enter&-slide-horizontal-backward-enter-active { &-slide-horizontal-backward-enter&-slide-horizontal-backward-enter-active {
animation-name: antMoveLeftIn; animation-name: antMoveLeftIn;
transform: translateZ(0);
animation-play-state: running; animation-play-state: running;
} }
@ -236,6 +241,7 @@
&-slide-horizontal-backward-leave&-slide-horizontal-backward-leave-active { &-slide-horizontal-backward-leave&-slide-horizontal-backward-leave-active {
animation-name: antMoveRightOut; animation-name: antMoveRightOut;
transform: translateZ(0);
animation-play-state: running; animation-play-state: running;
} }
@ -249,6 +255,7 @@
&-slide-horizontal-forward-enter&-slide-horizontal-forward-enter-active { &-slide-horizontal-forward-enter&-slide-horizontal-forward-enter-active {
animation-name: antMoveRightIn; animation-name: antMoveRightIn;
animation-play-state: running; animation-play-state: running;
transform: translateZ(0);
} }
&-slide-horizontal-forward-leave { &-slide-horizontal-forward-leave {
@ -263,6 +270,7 @@
} }
&-slide-horizontal-forward-leave&-slide-horizontal-forward-leave-active { &-slide-horizontal-forward-leave&-slide-horizontal-forward-leave-active {
transform: translateZ(0);
animation-name: antMoveLeftOut; animation-name: antMoveLeftOut;
animation-play-state: running; animation-play-state: running;
} }
@ -397,11 +405,13 @@
} }
&&-card &-tab-active { &&-card &-tab-active {
background: #fff; background: #fff;
transform: translateZ(0);
border-color: @border-color-base; border-color: @border-color-base;
color: @primary-color; color: @primary-color;
} }
&&-card &-tab-active &-tab-inner { &&-card &-tab-active &-tab-inner {
padding-bottom: 7px; padding-bottom: 7px;
transform: translateZ(0);
} }
&&-card &-nav-wrap { &&-card &-nav-wrap {
margin-bottom: 0; margin-bottom: 0;
@ -430,6 +440,7 @@
&&-card &-tab-active .anticon-cross, &&-card &-tab-active .anticon-cross,
&&-card &-tab:hover .anticon-cross { &&-card &-tab:hover .anticon-cross {
width: 16px; width: 16px;
transform: translateZ(0);
} }
&-extra-content { &-extra-content {