Browse Source

fix: Pagination focus style stay after interaction (#29891)

close https://github.com/react-component/pagination/pull/329
close #29882
pull/29898/head
afc163 4 years ago
committed by GitHub
parent
commit
afbbeb5337
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 12
      components/pagination/style/index.less

12
components/pagination/style/index.less

@ -59,7 +59,7 @@
}
}
&:focus,
&:focus-visible,
&:hover {
border-color: @primary-color;
transition: all 0.3s;
@ -77,12 +77,12 @@
color: @primary-color;
}
&:focus,
&:focus-visible,
&:hover {
border-color: @primary-5;
}
&:focus a,
&:focus-visible a,
&:hover a {
color: @primary-5;
}
@ -128,7 +128,7 @@
}
}
&:focus,
&:focus-visible,
&:hover {
.@{pagination-prefix-cls}-item-link-icon {
opacity: 1;
@ -191,7 +191,7 @@
transition: all 0.3s;
}
&:focus .@{pagination-prefix-cls}-item-link,
&:focus-visible .@{pagination-prefix-cls}-item-link,
&:hover .@{pagination-prefix-cls}-item-link {
color: @primary-color;
border-color: @primary-color;
@ -201,7 +201,7 @@
&-disabled {
&,
&:hover,
&:focus {
&:focus-visible {
cursor: not-allowed;
.@{pagination-prefix-cls}-item-link {
color: @disabled-color;

Loading…
Cancel
Save