test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 04:58:55 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity

update pagination active item design

Browse Source
This commit is contained in:
afc163 2017-12-15 10:30:01 +08:00
parent e71b68dd1d
commit b84bf85526
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/pagination/style/index.less
View File

@ -65,19 +65,21 @@
} }
&-active { &-active {
background-color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
font-weight: 500;
a {
color: @primary-color;
}
&:focus, &:focus,
&:hover { &:hover {
background-color: @primary-5;
border-color: @primary-5; border-color: @primary-5;
} }
a,
&:focus a, &:focus a,
&:hover a { &:hover a {
color: #fff; color: @primary-5;
} }
} }
} }
@ -156,7 +158,7 @@
} }
&:hover a { &:hover a {
color: @primary-color; border-color: @primary-5;
} }
.@{pagination-prefix-cls}-item-link { .@{pagination-prefix-cls}-item-link {
@ -284,7 +286,6 @@
} }
&.mini &-item { &.mini &-item {
border: 0;
margin: 0; margin: 0;
min-width: @pagination-item-size-sm; min-width: @pagination-item-size-sm;
height: @pagination-item-size-sm; height: @pagination-item-size-sm;
@ -293,6 +294,7 @@
&.mini &-item:not(&-item-active) { &.mini &-item:not(&-item-active) {
background: transparent; background: transparent;
border-color: transparent;
} }
&.mini &-prev, &.mini &-prev,
@ -305,7 +307,7 @@
&.mini &-prev &-item-link, &.mini &-prev &-item-link,
&.mini &-next &-item-link { &.mini &-next &-item-link {
border: 0; border-color: transparent;
background: transparent; background: transparent;
&:after { &:after {
height: @pagination-item-size-sm; height: @pagination-item-size-sm;