mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +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 { &:hover {
border-color: @primary-color; border-color: @primary-color;
transition: all 0.3s; 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 { &-active {
font-weight: @pagination-font-weight-active; font-weight: @pagination-font-weight-active;
background: @pagination-item-bg-active; background: @pagination-item-bg-active;
@ -78,15 +88,21 @@
color: @primary-color; color: @primary-color;
} }
&:focus-visible,
&:hover { &:hover {
border-color: @primary-5; border-color: @primary-5;
} }
&:focus-visible a, &:focus-visible {
border-color: @primary-5;
}
&:hover a { &:hover a {
color: @primary-5; color: @primary-5;
} }
&:focus-visible a {
color: @primary-5;
}
} }
} }
@ -130,7 +146,6 @@
} }
} }
&:focus-visible,
&:hover { &:hover {
.@{pagination-prefix-cls}-item-link-icon { .@{pagination-prefix-cls}-item-link-icon {
opacity: 1; opacity: 1;
@ -139,6 +154,15 @@
opacity: 0; opacity: 0;
} }
} }
&:focus-visible {
.@{pagination-prefix-cls}-item-link-icon {
opacity: 1;
}
.@{pagination-prefix-cls}-item-ellipsis {
opacity: 0;
}
}
} }
&-prev, &-prev,
@ -194,7 +218,11 @@
transition: all 0.3s; 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 { &:hover .@{pagination-prefix-cls}-item-link {
color: @primary-color; color: @primary-color;
border-color: @primary-color; border-color: @primary-color;
@ -203,7 +231,15 @@
&-disabled { &-disabled {
&, &,
&:hover, &:hover {
cursor: not-allowed;
.@{pagination-prefix-cls}-item-link {
color: @disabled-color;
border-color: @border-color-base;
cursor: not-allowed;
}
}
&:focus-visible { &:focus-visible {
cursor: not-allowed; cursor: not-allowed;
.@{pagination-prefix-cls}-item-link { .@{pagination-prefix-cls}-item-link {

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

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