mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
Fix styling of disabled kuiCheckboxes (#17522)
* Fix styling of disabled kuiCheckboxes * Fix typo in SASS variable
This commit is contained in:
parent
719a83a724
commit
8861b2a434
2 changed files with 7 additions and 4 deletions
|
@ -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; }
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue