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): [checkbox-button] add disabled+checked visual distinction (#23665)

Browse Source
This commit is contained in:
Noblet Ouways
2026-02-25 04:29:44 +01:00
committed by GitHub
parent e35eb5ad3f
commit bd450fb409
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/theme-chalk/src/checkbox-button.scss
View File

@@ -98,6 +98,12 @@
map.get($button, 'disabled-border-color')
);
}
@include when(checked) {
.#{$namespace}-checkbox-button__inner {
background-color: getCssVar('checkbox-button-disabled-checked-fill');
}
}
}
&:first-child {

1
packages/theme-chalk/src/common/var.scss
View File

@@ -297,6 +297,7 @@ $checkbox-button: map.merge(
'checked-bg-color': getCssVar('color-primary'),
'checked-text-color': getCssVar('color-white'),
'checked-border-color': getCssVar('color-primary'),
'disabled-checked-fill': getCssVar('border-color-extra-light'),
),
$checkbox-button
);