mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 04:30:06 +08:00
fix chrome render bug
This commit is contained in:
parent
827ac4b7e8
commit
d24e4dea44
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user