test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 20:19:44 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

fix chrome render bug

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
style/components/menu.less
View File

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

11
style/components/tabs.less
View File

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