javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(theme-chalk): [color-picker] Fix focus-visible outline (#10911)

Browse Source 
* style(theme-chalk): [color-picker] Fix focus-visible ouline

* style(theme-chalk): update
This commit is contained in:
kooriookami
2022-12-07 09:06:18 +08:00
committed by GitHub
parent 9f4bddc4d3
commit 9971c9ed97
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/theme-chalk/src/color-picker.scss
View File

@@ -244,6 +244,20 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
display: inline-block;
position: relative;
line-height: normal;
outline: none;
&:hover:not(.is-disabled) {
.#{$namespace}-color-picker__trigger {
border: 1px solid getCssVar('border-color-hover');
}
}
&:focus-visible:not(.is-disabled) {
.#{$namespace}-color-picker__trigger {
outline: 2px solid getCssVar('color-primary');
outline-offset: 1px;
}
}
@include when(disabled) {
.#{$namespace}-color-picker__trigger {
@@ -275,8 +289,8 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
}
@include e(mask) {
height: 38px;
width: 38px;
height: map.get($color-picker-size, 'default')-2px;
width: map.get($color-picker-size, 'default')-2px;
border-radius: 4px;
position: absolute;
top: 1px;