mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(checkbox): focus style works on unchecked status

Browse Source
This commit is contained in:
07akioni 2020-07-31 22:57:22 +08:00
parent 9860648e85
commit ce8becefa4
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/_styles/Checkbox.scss
View File

@ -116,9 +116,9 @@
box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active');
}
}
&:focus {
&:focus:not(:active) {
@include b(checkbox-box) {
box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active');
box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active'), 0 0 0 2px change-color(map-get($--checkbox-border-color, 'active'), $alpha: .3);
}
}
@include b(checkbox-box) {
@ -139,7 +139,7 @@
}
}
@include m(checked, indeterminate) {
&:focus {
&:focus:not(:active) {
@include b(checkbox-box) {
box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active'), 0 0 0 2px change-color(map-get($--checkbox-border-color, 'active'), $alpha: .3);
}