diff options
author | Nikita Mikhaylov <37866244+Psixodelik@users.noreply.github.com> | 2020-09-29 21:49:50 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-09-29 21:49:50 +0300 |
commit | 0cb880c7fbd93d262a29e4660975d5c8cc0b9676 (patch) | |
tree | b7f190ccfc248facd7ca5636f05116f5f5ed52a7 /scss/forms | |
parent | 319954d369a09c1bca1fc1721f6977e3a7b1d86d (diff) |
Fix disabled checkbox toggle buttons (#31651)
* fix disabled checkbox toggle buttons
* add disabled checks-radios examples in documentation
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss/forms')
-rw-r--r-- | scss/forms/_form-check.scss | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 84e3e57d1f..16a27246ac 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -82,7 +82,7 @@ &:disabled { pointer-events: none; filter: none; - opacity: .5; + opacity: $form-check-input-disabled-opacity; } // Use disabled attribute in addition of :disabled pseudo-class @@ -90,7 +90,7 @@ &[disabled], &:disabled { ~ .form-check-label { - opacity: .5; + opacity: $form-check-label-disabled-opacity; } } } @@ -139,4 +139,13 @@ position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; + + &[disabled], + &:disabled { + + .btn { + pointer-events: none; + filter: none; + opacity: $form-check-btn-check-disabled-opacity; + } + } } |