mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 01:13:58 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: Pagination and Rate style bug in Safari (#34002)

Browse Source 
* fix: Pagination and Rate style bug in safari

close #33965

* fix style
This commit is contained in:
afc163 2022-02-10 17:51:40 +08:00 committed by GitHub
parent 9f30ca6b3f
commit dc67fd7dbb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,7 +59,6 @@
}
}
&:focus-visible,
&:hover {
border-color: @primary-color;
transition: all 0.3s;
@ -69,6 +68,17 @@
}
}
// cannot merge with `&:hover`
// see https://github.com/ant-design/ant-design/pull/34002
&:focus-visible {
border-color: @primary-color;
transition: all 0.3s;
a {
color: @primary-color;
}
}
&-active {
font-weight: @pagination-font-weight-active;
background: @pagination-item-bg-active;
@ -78,15 +88,21 @@
color: @primary-color;
}
&:focus-visible,
&:hover {
border-color: @primary-5;
}
&:focus-visible a,
&:focus-visible {
border-color: @primary-5;
}
&:hover a {
color: @primary-5;
}
&:focus-visible a {
color: @primary-5;
}
}
}
@ -130,7 +146,6 @@
}
}
&:focus-visible,
&:hover {
.@{pagination-prefix-cls}-item-link-icon {
opacity: 1;
@ -139,6 +154,15 @@
opacity: 0;
}
}
&:focus-visible {
.@{pagination-prefix-cls}-item-link-icon {
opacity: 1;
}
.@{pagination-prefix-cls}-item-ellipsis {
opacity: 0;
}
}
}
&-prev,
@ -194,7 +218,11 @@
transition: all 0.3s;
}
&:focus-visible .@{pagination-prefix-cls}-item-link,
&:focus-visible .@{pagination-prefix-cls}-item-link {
color: @primary-color;
border-color: @primary-color;
}
&:hover .@{pagination-prefix-cls}-item-link {
color: @primary-color;
border-color: @primary-color;
@ -203,7 +231,15 @@
&-disabled {
&,
&:hover,
&:hover {
cursor: not-allowed;
.@{pagination-prefix-cls}-item-link {
color: @disabled-color;
border-color: @border-color-base;
cursor: not-allowed;
}
}
&:focus-visible {
cursor: not-allowed;
.@{pagination-prefix-cls}-item-link {

4
components/rate/style/index.less
View File

@ -36,8 +36,7 @@
> div {
transition: all 0.3s, outline 0s;
&:hover,
&:focus-visible {
&:hover {
transform: @rate-star-hover-scale;
}
@ -47,6 +46,7 @@
&:focus-visible {
outline: 1px dashed @rate-star-color;
transform: @rate-star-hover-scale;
}
}