mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 19:42:54 +08:00
Code Issues Actions 41 Packages Projects Releases Wiki Activity

style: improve Menu :focus-visible style (#34008)

Browse Source 
* style: improve Menu :focus-visible style

ref #34005

* style: darken :focus-visible style
This commit is contained in:
afc163 2022-02-11 13:06:06 +08:00 committed by GitHub
parent 92d5820457
commit fd2ebe57f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/menu/style/dark.less
View File

@ -1,4 +1,19 @@
.accessibility-focus-dark() {
box-shadow: 0 0 0 2px @primary-7;
}
.@{menu-prefix-cls} { .@{menu-prefix-cls} {
&&-root:focus-visible {
.accessibility-focus-dark();
}
&-dark &-item,
&-dark &-submenu-title {
&:focus-visible {
.accessibility-focus-dark();
}
}
// dark theme // dark theme
&&-dark, &&-dark,
&-dark &-sub, &-dark &-sub,

2
components/menu/style/index.less
View File

@ -6,7 +6,7 @@
@menu-animation-duration-normal: 0.15s; @menu-animation-duration-normal: 0.15s;
.accessibility-focus() { .accessibility-focus() {
box-shadow: 0 0 0 2px @primary-1; box-shadow: 0 0 0 2px @primary-2;
} }
// TODO: Should remove icon style compatible in v5 // TODO: Should remove icon style compatible in v5