Fix styling of disabled kuiCheckboxes (#17522) (#17540)

* Fix styling of disabled kuiCheckboxes

* Fix typo in SASS variable
This commit is contained in:
Tim Roes 2018-04-04 16:38:43 +02:00 committed by GitHub
parent e12343b4e6
commit 36273e8169
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 4 deletions

View file

@ -1582,8 +1582,9 @@ main {
box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #0079a5;
/* 3 */ }
.kuiCheckBox:disabled {
opacity: 0.3;
cursor: not-allowed; }
background-color: #D9D9D9 !important;
border-color: #D9D9D9 !important;
cursor: not-allowed !important; }
.theme-dark .kuiCheckBox {
background-color: #444444;
border-color: #444444; }

View file

@ -1,6 +1,7 @@
$checkboxBackgroundColor: #FFF;
$checkboxBorderColor: #BEBEBE;
$checkboxIconColor: #FFF;
$checkboxDisabledColor: #D9D9D9;
$checkboxCheckedBackgroundColor: $kuiColorBlue;
$checkboxDisabledOpacity: 0.3;
@ -49,8 +50,9 @@ $checkboxDisabledOpacity: 0.3;
}
&:disabled {
opacity: $checkboxDisabledOpacity;
cursor: not-allowed;
background-color: $checkboxDisabledColor !important;
border-color: $checkboxDisabledColor !important;
cursor: not-allowed !important;
}
@include darkTheme {